在windows下用腳手架搭建vue環境

標籤：錯誤   ack   命令列   地方   安裝   錯誤資訊   頁面   問題   環境   

做了幾個月vue項目，最近兩個項目使用腳手架搭建的，確實用腳手架搭建方便了許多，想想以前自己手配的時候，確實是。。。

1.在這之前我是預設你已經使用過vue的，也預設你已經安裝了node.js

2.接著安裝全域的vue-cli腳手架,用於協助搭建所需的模板架構

3.命令為：cnpm install -g vue-cli，斷行符號，等待安裝

安裝完後，可以輸入vue，然後斷行符號，如果出現vue的資訊，則說明安裝成功了。

4.緊接著，就該建立項目了，自己找一個合適的地方，建立一個專案檔夾，根據自己的需要命名，我的命名為 my-vue，然後，開啟此檔案夾，右鍵git bash here，定位到此檔案夾，輸入:vue init webpack my-vue(專案檔夾名)，斷行符號，等待一小會兒，依次出現‘git’下的項，可按操作:

此時，觀察my-vue的檔案夾下又多了一個vue-test檔案夾，這個就是vue項目的檔案夾，：

5.之後通過命令：cd vue-test 進入此檔案夾，在利用命令：cnpm install，斷行符號，等待一小會兒，回到專案檔夾，會發現項目結構裡，多了一個node_modules檔案夾（該檔案裡的內容就是之前安裝的依賴）。

6.在命令列裡繼續輸入 cnpm run dev來測試環境是否搭建成功，如果出現如說明成功了：

在瀏覽器裡輸入localhost：8080就可以查看頁面如下：

但是，，，，一出現但是，就有可能是壞情況了，我到最後一步的時候，運行 cnpm run dev的時候，就出現了錯誤，錯誤資訊類似的資訊：

，它提示npm應該更新到3.0.0版本，所以我從網上各種搜怎麼更新npm的版本，關於版本更新的問題各有說法而且都不怎麼起作用，依然是運行不成功，最終找到了一種辦法，按照之前安裝node 的相同的路徑，重新下載一個最新版本的node安裝，這個辦法簡單暴力。究其原因，是因為我將node的設定檔的registry配成了國內某鏡像，然而國內某鏡像未做到最新版本同步，仍保持在了4.4.7,而其對應的很多npm 安裝包也並非最新，所以導致安裝失敗， 無法找尋到某些包的最新版本。所以重新安裝是最好的解決辦法了。重新安裝完後，再運行cnpm run dev的時候就成功了。。至此，我的vue+webpack環境搭建終於大功告成了。

在windows下用腳手架搭建vue環境