1、2安裝成功后，打開devsidecar軟件 3在首頁默認模式中開啟npm加速 4再用vue create project創(chuàng)建項目 注創(chuàng)建項目前反npm源回復到默認狀態(tài)，不要用taobao或其它了。

2、默認npm鏡像我是使用的淘寶的，設置成npm的就好了 npm config set registry 踩過坑修改vuerc文件中 quotuseTaobaoRegistryquot屬性，我本地默認是false，后來改成true，沒什么作用來回修改了好幾。

3、這個時候后端API是一個明確的外網(wǎng)環(huán)境使用外網(wǎng)IP或固定域名訪問，需要通過vuecli腳手架搭建一個代理模式訪問API接口因為，本地測試環(huán)境默認訪問的前端地址是。

4、三安裝@vuecli rem # cnpm install @vuecli g rem #=== 注意雖然說i與install等效，若用這樣的命令cnpm i @vuecli g 安裝，后面會出現(xiàn)問題，當創(chuàng)建vuecli項目時npm init webpack myvueproje。

5、1CPU資源占用高打開任務管理器，CPU占比在90%以上，按CPU占比排序，若其中regexe出現(xiàn)多個且CPU占比較高，則使用此方法優(yōu)化新版本設置方法文件首選項設置，把“SearchFollow Symlinks”下的控制是否在搜索中跟蹤。

6、npm install g cnpm registry= 第一次使用vue項目管理器的時候，遇到的問題vue cli腳手架安裝失敗，導致無法啟用 vue項目儀表盤 解決的辦法把原本的命令換為cnpm i g @vue。

7、這篇文章主要介紹了關(guān)于如何解決vue腳手架打包上線遇到的問題，有著一定的參考價值，現(xiàn)在分享給大家，有需要的朋友可以參考一下indexhtml是有的 但是頁面是空白的 通過network找出是路徑中少了一個打包的文件夾的名稱在。

8、重新新建項目，不要用npm，用yarn試下。

9、基本步驟 建立一個儲存vue項目的文件夾 在該文件夾目錄下的終端輸入npm install global vuecli下載全局vueclivuecli是vuejs的腳手架，用于自動生成vuejs+webpack的項目模板輸入vue init webpack timeattendance。

10、3安裝vue腳手架 npm install vuecli g 測試在硬盤上找一個文件夾放工程用的，在終端中進入該目錄 cd 目錄路徑 根據(jù)模板創(chuàng)建項目 vue init webpacksimple 工程名字lt工程名字不能用中文或者創(chuàng)建 vue10 的項目vu。

11、通過cd命令進入你想放置項目的文件夾，在命令提示窗口執(zhí)行創(chuàng)建vuecli工程項目的命令通過vuecli搭建一個vue項目，會自動生成一系列文件，而這些文件具體是怎樣的結(jié)構(gòu)文件對應起什么作用，可以看看下面的解釋。

12、畢竟不是自己手動搭的腳手架，很多配置都是吃現(xiàn)成的，所以踩坑常用的事在config的indexjs文件夾里把host的值由localhost改為“0000”，然后就可以用手機瀏覽器ip+端口號打開了ps改配置文件就是重新npm start。

13、怎么好多人出現(xiàn)這個問題，我還沒試過，試了之后告訴你。

14、附上github配置后的項目demo 終于完結(jié)，感覺碼了好久感謝大家閱讀完到這里，以上的內(nèi)容有不對或者不好地方，歡迎指出，往后還會更新有關(guān)vuerouter和vuex的文章。

15、這里說下 vuecli 腳手架所帶的圖形界面編譯打包管理，可使用如下命令開啟，然后按照提示，加入需要的項目，可以查看儀表盤展示，進行插件管理，依賴管理，編譯配置，以及項目構(gòu)建的操作，十分方便啟動 vuecli 圖形界面 然后。

16、本教程是基于windows系統(tǒng)下面正式開始搭建vuecli腳手架命令行工具命令行工具是我們操作npm的基礎，這個必須要有的，很多教程沒有寫清楚，那些教程一上來就貼上一大堆命令，當初也不知道在哪里使用命令行工具git bash。

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