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

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

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

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

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

6、二Vue 全家桶 我們接下來(lái)介紹全家桶的安裝使用詳情大家可以去初始頁(yè)面的鏈接查看 一句命令搞定全家桶 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 ，然后等待安裝完成通過(guò)。

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

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

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

11、在 dist NPM軟件包的目錄中，您會(huì)找到許多不同的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)簽路徑顯示不出圖片問(wèn)題 新建 安裝 npm。

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

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

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