vue是什么？是一個前端框架
node.js：運行JavaScript的運行環(huán)境，本質(zhì)是tomcat和響應(yīng)的管理器。
npm：node.js下的包管理器
webpack:用來將組建，如***.vue組建打包翻譯成.js文件，被瀏覽器解析。
vue-cli:用來創(chuàng)建模板的vue工程，通過該工程，創(chuàng)建vue工程項目，然后再該工程里創(chuàng)建前端界面，最后編譯，打包成js文件，然后再被瀏覽器解析。
一、安裝node.js
windows系統(tǒng)，安裝node.js ,到官網(wǎng)下載http://nodejs.cn/
node.js直接安裝到系統(tǒng)，node.js自帶npm管理器，但有可能不是最新的。
安裝完成后，找到命令行工具，以管理員身份打開。
進(jìn)入如下界面
二、更新npm、安裝必要的組件
1、更新npm到最新版本 npm update -g（防止因為版本問題，報錯）
備注：更新node.js 需要兩個命令
命令： npm?install -g n
? ? ? ? ? ? ?n latest
2、更換組件地址，為淘寶鏡像
npm install -g cnpm --registry=https://registry.npm.taobao.org（因為國外網(wǎng)速很慢，且有可能訪問不到）
（備注：很多人說cnpm有很多的bug，因此建議使用npm? install? --registry=https://registry.npm.taobao.org）
3、安裝webpack，用來打包，翻譯vue組件的插件
cnpm install webpack -g
4、安裝創(chuàng)建模板的vue工程插件
cnpm install vue-cli -g
三、創(chuàng)建前端工程
vue init webpack my-project（最后這個是項目的文件夾名稱）
之后會選擇多個配置選項，包括，項目名稱，作者，還有校驗，測試等。
四、進(jìn)入到項目中，安裝項目依賴
進(jìn)入到工程目錄
d:
cd npm
cd helloWorld(創(chuàng)建的項目名稱)
安裝依賴項
npm install 載入會比較慢
cnpm install vue-router? vue-resource? --save（如果之前沒有更改組件地址為淘寶地址，則使用npm）
npm run dev(啟動項目)
經(jīng)過一系列的加載，沒有錯誤后，結(jié)果界面如下
在瀏覽器輸入localhost:8080,得到如下界面
至此，啟動成功。
