安裝node.js(http://nodejs.cn刃跛;)
??????? --(安裝的時候要保持命令行處于關(guān)閉狀態(tài)策橘,否則安裝完之后無法執(zhí)行node -v查看版本號锚扎,解決辦法重新打開命令行坎拐,執(zhí)行)
安裝cnpm(淘寶npm鏡像)
(https://jingyan.baidu.com/article/9080802239521cfd90c80f55.html --安裝指南)
??????? --在命令行中執(zhí)行(npm install -g cnpm -registry=https://registry.npm.taobao.org)(然后執(zhí)行 cnpm -v 查看是否安裝成功)
安裝Vue命令行工具-即vue-cli 腳手架
??????? --在命令行中執(zhí)行(cnpm install --global vue-cli)(驗證是否成功輸入 vue 看是否出來vue信息)
創(chuàng)建新項目(不建議創(chuàng)建在C盤中),在命令行中執(zhí)行(vue init webpack my-project)(備注:my-project是自己創(chuàng)建的文件夾名字)
?????? --安裝過程中一直回車即可芹缔,知道出現(xiàn)是否安裝vue-router坯癣,選擇Y,其余剩下都選擇N即可
進(jìn)入文件夾 cd my-project 然后執(zhí)行cnpm install
此時已經(jīng)安裝完畢乖菱,運(yùn)行npm run dev
保持命令行的狀態(tài)坡锡,在瀏覽器端輸入http://localhost:8080/ 即可看到效果