vuecli腳手架的優(yōu)勢有一套成熟的vue項目架構(gòu)設(shè)計，能夠快速初始化一個Vue項目vuecli是官方支持的一個腳手架，會隨本版本進行迭代更新vuecli提供了一套本地的node測試服務(wù)器，使用vuecli自己提供的命令，就可以啟動；這次給大家?guī)韛uecli腳手架初始化如何使用，使用vuecli腳手架的注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下vuecli是Vue 提供的一個官方命令行工具，可用于快速搭建大型單頁應(yīng)用該工具提供開箱即用的構(gòu)建工具配置；vue cli腳手架安裝失敗，導(dǎo)致無法啟用 vue項目儀表盤 解決的辦法把原本的命令換為cnpm i g @vuecli 安裝成功 然后使用 vue V命令查看一下版本 使用 vue h 查看輸出的使用信息 #160 #160#160#160；需要先安裝nodejs網(wǎng)頁鏈接如果安裝后仍然不能運行，就是自動配置環(huán)境變量失敗了，需要手動配置環(huán)境變量網(wǎng)頁鏈接。

一起跟隨小編過來看看吧相信很多小伙伴在用Vuecli安裝的腳手架開發(fā)的時候，在開發(fā)環(huán)境中項目可以很正常的運行，但是進入到生產(chǎn)環(huán)境，編譯打包后，放入服務(wù)器，項目就不正常了，會出現(xiàn)空白頁或者路由跳轉(zhuǎn)404等問題遇到這些問題；順序執(zhí)行了兩個指令之后，使用 cnpm 安裝 vue腳手架，提示 cnpm 無法識別，就算使用 npm 安裝 vuecli 成功之后，輸入 vue 指令也會提示無法識別黑人問號問號問號問號于是觀察一下安裝過程，在進行全局安裝 vue腳手；按官網(wǎng)說的，我們開發(fā)環(huán)境也需要使用開發(fā)版本的vuejs，否則很多警告就會不生效，比如props的校驗器等 檢查publichtml的vuejs引用如果是按腳手架的則無需關(guān)注確認(rèn)以上問題以后，我們重新安裝依賴并且重新跑腳手架編譯；在安裝 @vuecli 腳手架的時候，通過npm安裝總是無法成功，改用淘寶鏡像安裝也是一樣的自己改用yarn安裝，確實能夠安裝，但是安裝完成后無法執(zhí)行vue命令，執(zhí)行時提示如下錯誤但是通過 yarn global list 命令查看時，確；而vuecli是vue的官方腳手架，它能幫助我們方便的配置webpack這樣看來，有很大的可能我們需要同時使用vuecli與vuex如何在vuecli中使用vuex項目搭建及添加vuex 當(dāng)我們使用vuecli搭建一個vue項目的時候假設(shè)項目名為learn；直接回車就可以，然后再執(zhí)行webpack v，如果出現(xiàn)相應(yīng)的版本號就是安裝成功 3最后就是安裝vuecli腳手架了 vuecli腳手架安裝命令安裝之后 執(zhí)行 vue V#160，如果出現(xiàn)相應(yīng)的版本號就是安裝成功 4用vuecli創(chuàng)建一。

安裝成功之后，我們執(zhí)行以下命令就可以創(chuàng)建一個完整的項目案例vue create myproject執(zhí)行上述命令以后，會讓我們選擇是按照默認(rèn)default的配置，還是選擇執(zhí)行配置，如果你已經(jīng)非常熟悉了腳手架工具或者默認(rèn)的配置你滿足不了你；由于windows系統(tǒng)的某方面問題，vue腳手架安裝可能會出現(xiàn)第一證書丟失 報錯vuecli · Failed to download repo vuejstemplateswebpacksimple unable to verify the first certificate簡單一點，你也可以直接去；3安裝vue腳手架 npm install vuecli g 測試在硬盤上找一個文件夾放工程用的，在終端中進入該目錄 cd 目錄路徑 根據(jù)模板創(chuàng)建項目 vue init webpacksimple 工程名字lt工程名字不能用中文或者創(chuàng)建 vue10 的項目vue；剛開始打開會看到有報錯，其實不是語法錯誤，是因為編譯器默認(rèn)編譯es5的語法，而vue腳手架用的是es6的語法，我用的編譯器是webStorm，只要設(shè)置一下就行了。

vuecli腳手架安裝命令安裝之后 執(zhí)行 vue V#160，如果出現(xiàn)相應(yīng)的版本號就是安裝成功 4用vuecli創(chuàng)建一個基于webpack的新項目并運行 首先可以在桌面新建一個文件夾，如Vue 然后執(zhí)行cd Vue 進入文件夾，然后輸入；安裝 3x 版本的 Vue 腳手架輸入 vue V 如果出現(xiàn)版本號，就說明安裝成功腳手架安裝成功之后，就可以通過腳手架創(chuàng)建vue項目了通過上面腳手架創(chuàng)建的Vue項目，使用 npm run serve 命令之后，打印如下使用；既然可以vue init說明vue命令環(huán)境中存在阿，如果不能執(zhí)行說明你全局就沒安裝vue，安裝腳手架和安裝vue可不是一個概念，腳手架的vue版本直接在packagejson里就能看了；下面整個過程是基于已經(jīng)安裝nodejs和cnpm的基礎(chǔ)上，nodejs如何安裝就不在這里詳說了如何全局化安裝cnpm，這里簡單提一下淘寶鏡像命令其實對于安裝vuecli，使用npm命令和cnpm命令都是可以的，個人覺得使用npm安裝的比較。