用vue官方提供的模板vue-cli搭建一個helloWorld案例

安裝環境

• 安裝node.js並配置環境變量
• 安裝淘寶鏡像，npm install -g cnpm --registry=https://registry.npm.taobao.org
• 安裝webpack，cnpm install webpack -g
• 安裝腳手架npm install vue-cli -g

建立項目

• 在硬盤上找一個文件夾放工程用的，在終端中進入該目錄,cd目錄路徑
• 根據模板建立項目,vue init webpack-simple 工程名字<工程名字不能用中文>，vue init webpack 工程名字<工程名字不能用中文>,
  
• 六、Install vue-router? 選擇Y
• 七、User ESLint to lint your code? 選N
• 八、Setup unit tests with Karma + Mocha? 問的是否要測試 選N

• 九、Setup e2e tests with Nightwatch? 選N

  模板解讀

  
  
• cd進入建立的工程目錄
• 安裝項目依賴，npm install,不要使用cnpm install安裝（會致使後面缺了不少依賴庫）
• 安裝網絡請求模塊vue-resource，cnpm install vue-resource --save

• 啓動項目 npm run dev,啓動完畢後，在瀏覽器輸入http://localhost:8080,就能看到初始界面了