1、安裝 3x 版本的 Vue 腳手架輸入 vue V 如果出現(xiàn)版本號，就說明安裝成功腳手架安裝成功之后，就可以通過腳手架創(chuàng)建vue項(xiàng)目了通過上面腳手架創(chuàng)建的Vue項(xiàng)目，使用 npm run serve 命令之后，打印如下使用 np。

2、vuecli腳手架安裝命令安裝之后 執(zhí)行 vue V#160，如果出現(xiàn)相應(yīng)的版本號就是安裝成功 4用vuecli創(chuàng)建一個基于webpack的新項(xiàng)目并運(yùn)行 首先可以在桌面新建一個文件夾，如Vue 然后執(zhí)行cd Vue 進(jìn)入文件夾，然后輸入。

3、需要配置以下的所有命令例如需要用到vue文件需要先安裝vueloadervuestyleloader等加載器并做配置要使用es6語法，需要安裝babel和babelloader等加載器注意一條都不能配置漏，不然出現(xiàn)報(bào)錯可能影響往后的運(yùn)行與配置。

4、關(guān)閉cm4安裝vue相關(guān)包 重新打開cmd npm install vue g 安裝vuenpm install vuerouter g 安裝vuerouternpm install vuecli g 安裝vue腳手架這里的g是指安裝到global全局目錄去 安裝完成后，此時(shí)安裝的文件都會到E。

5、先安裝nodejs， 然后再安裝全局vuecli腳手架webpack命令輸入 1npmcnpm install g vuecli 全局安裝vuecli 2npmcnpm install g webpack 全局安裝webpack npmnpm install g webpackdev。

6、二Vue 全家桶 我們接下來介紹全家桶的安裝使用詳情大家可以去初始頁面的鏈接查看 一句命令搞定全家桶 npm install vuerouter vueresource vuex save packagejson 已經(jīng)加入了我們的全家桶，node_modules。

7、安裝cnpm 在命令行中輸入 npm install g cnpm registry= 然后等待下載，大概2分鐘安裝vuecli腳手架構(gòu)建工具 在命令行中運(yùn)行命令 npm install g vuecli ，然后等待安裝完成通過。

8、vue有自己的腳手架構(gòu)建工具vuecli，使用起來非常方便，使用webpack來集成各種開發(fā)便捷工具，比如代碼熱更新，修改代碼之后網(wǎng)頁無刷新改變，對前端開發(fā)來說非常的方便PostCss，再也不用去管兼容性的問題了，只針對chrome寫css。

9、檢查node是否安裝成功 為了更快安裝，可以使用淘寶的鏡像 在終端輸入以下命令檢測cnpm是否安裝成功 vuecli是vue腳手架工具，方便打包，部署，測試等進(jìn)入你的項(xiàng)目目錄，創(chuàng)建一個基于 webpack。

10、1 如果你已經(jīng)全局安裝了舊版本的 vuecli1 或2，你需要先通過 npm uninstall vuecli g 或 yarn global remove vuecli 卸載它卸載腳手架2全局安裝 npm install g @vuecli 或 yarn global add @vue。

11、在 dist NPM軟件包的目錄中，您會找到許多不同的Vuejs版本全局安裝腳手架 查看腳手架版本是否在45以上含45創(chuàng)建項(xiàng)目 此時(shí)終端顯示如下圖 選擇第二項(xiàng) Vue 3 Preview ，等待安裝完成到此，恭喜你邁入了 Vue。

12、2Error ENOENT no such file or directory， open #39D\ahao\studyPath\bootstrapvue\node_modules\lodash\lodashjs#393VUE中使用BootstrapVue圖片bimg標(biāo)簽路徑顯示不出圖片問題 新建 安裝 npm。

13、可以嘗試升級到最新版本的Vue腳手架，再重新創(chuàng)建項(xiàng)目2安裝問題如果在安裝Vue腳手架時(shí)出現(xiàn)問題，會導(dǎo)致創(chuàng)建的文件不全可以嘗試重新安裝Vue腳手架，并確保安裝過程中沒有出現(xiàn)錯誤3模板選擇問題在使用Vue腳手架創(chuàng)建。

14、第一次使用vue項(xiàng)目管理器的時(shí)候，遇到的問題vue cli腳手架安裝失敗，導(dǎo)致無法啟用 vue項(xiàng)目儀表盤 解決的辦法把原本的命令換為cnpm i g @vuecli 安裝成功 然后使用 vue V命令查看一下版本 使用 vue h 查看。

15、vue腳手架安裝顯示無法修改是沒有進(jìn)入到相應(yīng)的文件夾，也是環(huán)境變量問題項(xiàng)目命名時(shí)路徑中一定不能出現(xiàn)中文特殊符號等，右鍵計(jì)算機(jī)管理本地用戶和組用戶右鍵中文用戶名重命名。