基於node環境開發
首先要安裝node，window需要配置node環境變數（node版本盡量6以上）
安裝webpack
npm install webpack –g
安裝vue腳手架
npm install vue-cli -g
在硬碟上找乙個資料夾放工程用的，在終端中進入該目錄，根據模板建立專案
vue init webpack-****** 工程名字《工程名字不能用中文》
runtime的兩種方式，webpack使用loader編譯檔案。
runtime+compiler執行時作編譯， runtime-only比較小，省略編譯。
需要基於.vue檔案開發
接下來的可以根據需要是否裝vue-router，eslint，單元測試等等；
安裝完成後，會有相應get start的提示
初始化的設定
cd 命令進入建立的工程目錄
安裝專案依賴（npm版本盡量3以上）
npm install
啟動專案
npm run dev
（vue腳手架初始化vue**只是vue開發的一種方式。但是比較推薦該方法建專案。因為可以初始化**，初始化一整套webpack配置。比如npm run dev，npm run build。）
build：打包
config：配置檔案
dist：打包後的專案檔案
node_modules: 依賴包
package.json: 依賴檔案
pages: 放父元件
components：放子元件
router：路由檔案，index.js裡面寫路由
main.js:
static:放靜態資源
index.html：
單檔案分析
template：裡 寫 html
script：裡寫 js
style：裡寫樣式，style標籤標有scoped屬性時，表明style裡的css樣式只適用於當前元件元素
name：通過name，或者el掛載元素，所有的掛載元素會被 vue 生成的 dom 替換
data：vue 例項的資料物件。vue 將會遞迴將 data 的屬性轉換為getter/setter，從而讓 data 的屬性能夠響應資料變化。
methods：methods 將被混入到 vue 例項中。可以直接通過 vm例項訪問這些方法，或者在指令表示式中使用。方法中的 this 自動繫結為 vue 例項。
components：包含 vue 例項可用元件的雜湊表。
路由
元件通訊
Vue2 0基礎 vue cli搭建專案
webpack是乙個module bundler 模組打包工具 其可以相容各種js書寫規範，且可以處理模組間的依賴關係，具有更強大的js模組化的功能。webpack對它們進行統一的管理以及打包發布，其官方主頁用下面這張圖來說明webbpack的作用。在講課的時候講解過webpack，並且從零開始使用...
vue構建完整專案 以及實現
由於開發vue專案的時候,需要重新搭建專案的架子,比較麻煩,其實之前做過的專案好多都可以直接拿過來用,比如接下來的這個專案,就可以滿足平常的vue單頁面開發.該專案包括了 全域性配置axios,全域性配置介面集合,切換頁面動畫,全域性配置vuex 其中vuex做的很經典 規範 可以參考 頁面請求資料...
vue2 0 安裝及專案搭建（一）
基本環境安裝 2 測試npm版本 命令列 npm v 3 安裝 映象 在命令列裡輸入 npm install g cnpm registry 測試 映象是否安裝成功 命令列 cnpm v 4 安裝vue npm install vue 測試 注意，這裡最後乙個是大寫v vue v 5 安裝vue c...