vue是什么？是一個(gè)前端框架
node.js：運(yùn)行JavaScript的運(yùn)行環(huán)境捅膘，本質(zhì)是tomcat和響應(yīng)的管理器。
npm：node.js下的包管理器
webpack:用來(lái)將組建滚粟，如***.vue組建打包翻譯成.js文件寻仗，被瀏覽器解析。
vue-cli:用來(lái)創(chuàng)建模板的vue工程凡壤，通過(guò)該工程署尤，創(chuàng)建vue工程項(xiàng)目，然后再該工程里創(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（防止因?yàn)榘姹締?wèn)題，報(bào)錯(cuò)）
備注：更新node.js 需要兩個(gè)命令
命令： npm?install -g n
? ? ? ? ? ? ?n latest
2华烟、更換組件地址陷遮，為淘寶鏡像
npm install -g cnpm --registry=https://registry.npm.taobao.org（因?yàn)閲?guó)外網(wǎng)速很慢，且有可能訪問(wèn)不到）
（備注：很多人說(shuō)cnpm有很多的bug垦江，因此建議使用npm? install? --registry=https://registry.npm.taobao.org）
3帽馋、安裝webpack，用來(lái)打包比吭，翻譯vue組件的插件
cnpm install webpack -g
4绽族、安裝創(chuàng)建模板的vue工程插件
cnpm install vue-cli -g
三、創(chuàng)建前端工程
vue init webpack my-project（最后這個(gè)是項(xiàng)目的文件夾名稱）
之后會(huì)選擇多個(gè)配置選項(xiàng)衩藤，包括吧慢，項(xiàng)目名稱，作者赏表，還有校驗(yàn)检诗，測(cè)試等。
四瓢剿、進(jìn)入到項(xiàng)目中逢慌，安裝項(xiàng)目依賴
進(jìn)入到工程目錄
d:
cd npm
cd helloWorld(創(chuàng)建的項(xiàng)目名稱)
安裝依賴項(xiàng)
npm install 載入會(huì)比較慢
cnpm install vue-router? vue-resource? --save（如果之前沒有更改組件地址為淘寶地址，則使用npm）
npm run dev(啟動(dòng)項(xiàng)目)
經(jīng)過(guò)一系列的加載间狂，沒有錯(cuò)誤后攻泼，結(jié)果界面如下
在瀏覽器輸入localhost:8080,得到如下界面
至此忙菠，啟動(dòng)成功。
