一潭辈、準(zhǔn)備工作
- nodejs : JavaScript運(yùn)行環(huán)境
- npm : nodejs下的包管理器（是國外的，在國內(nèi)使用會很慢）者铜，可以使用國內(nèi)的淘寶npm鏡像
- webpack: 把無法直接在瀏覽器中使用的語言（如es6,sass）編譯成瀏覽器支持的形式静稻，資源的合并、壓縮混淆
- vue-cli：直接構(gòu)建vue項(xiàng)目
二葫哗、下載安裝
2.1 nodejs
??nodejs官網(wǎng)（https://nodejs.org/en/）下載安裝最新版本缔刹。安裝成功后使用管理員身份運(yùn)行cmd命令行管理工具（win10下很多命令需要管理員權(quán)限，所以后續(xù)命令行操作都使用管理員權(quán)限下操作劣针，防止出現(xiàn)一些奇奇怪怪的錯(cuò)誤）校镐。
輸入命令：node -v
出現(xiàn)版本號說明安裝成功
2.2 安裝淘寶鏡像
??由于npm是國外的，使用起來比較慢捺典，我們這里使用淘寶的cnpm鏡像來安裝vue.
淘寶的cnpm命令管理工具可以代替默認(rèn)的npm管理工具鸟廓。
輸入命令：npm install -g cnpm --registry=https://registry.npm.taobao.org
安裝成功截圖
2.3 搭建vue-cli腳手架
輸入命令：cnpm install --global vue-cli
安裝過程
2.4 安裝webpack
輸入命令: npm install webpack@3.12.0 -g
三、創(chuàng)建Vue項(xiàng)目并運(yùn)行
3.1 創(chuàng)建項(xiàng)目
??進(jìn)入你想存放vue項(xiàng)目的文件夾襟己，打開cmd引谜。
輸入命令：vue init webpack first_vue
注意first_vue是自己起的項(xiàng)目名，根據(jù)需要選擇yes/no,可以默認(rèn)一直回車擎浴。
安裝過程
3.2 安裝依賴
??創(chuàng)建成功后進(jìn)入創(chuàng)建的項(xiàng)目员咽，打開cmd。
輸入命令：cnpm install
安裝依賴
3.3 運(yùn)行
輸入命令：cnpm run dev
運(yùn)行成功
運(yùn)行成功后退客，打開瀏覽器輸入默認(rèn)地址http://localhost:8080骏融。
運(yùn)行成功
于2019/6/3測試運(yùn)行成功
