利用淘寶npm鏡像安裝vue/cli


文章轉載自:https://www.cnblogs.com/miller-star/p/6394760.html

1.安裝node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)

2.基於node.js,利用淘寶npm鏡像安裝相關依賴

 在cmd里直接輸入:npm install -g cnpm --registry=https://registry.npm.taobao.org,回車,等待安裝...

3.安裝全局vue-cli腳手架,用於幫助搭建所需的模板框架

在cmd里 1)輸入:cnpm install -g @vue-cli,回車,等待安裝...(此命令安裝CLI3,安裝CLI2的命令為 cnpm install -g @vue-cli-init)

            2).輸入:vue,回車,若出現vue信息說明表示成功

4.創建項目

在cmd里輸入:vue init webpack vue_test(項目文件夾名),回車,等待一小會兒,依次出現‘git’下的項,可按下圖操作

5.安裝依賴

在cmd里  1).輸入:cd vue_test(項目名),回車,進入到具體項目文件夾

             2).輸入:npm install,回車,等待一小會兒

回到項目文件夾,會發現項目結構里,多了一個node_modules文件夾(該文件里的內容就是之前安裝的依賴)

基於腳手架創建的默認項目結構如下圖所示:

6.測試環境是否搭建成功

方法1:在cmd里輸入:npm run dev

方法2:在瀏覽里輸入:localhost:8080(默認端口為8080)

運行起來后的效果如下圖所示:

 問題:

在安裝過程中,你可能會遇到這個問題.

當我們運行某個項目是 會提示

復制代碼
復制代碼
> my-first-vue-project@1.0.0 dev C:\Users\ASUS\my-project
> node build/dev-server.js


To use this template, you must update following to modules:

  npm: 2.15.9 should be >= 3.0.0
復制代碼
復制代碼

這是只有升級npm

即是 :使用 npm -g install npm@3.0.0 (版本號2.9.1 可以根據已發布的版本隨意升級或降級),獲取最新版本的npm 文件

查看版本:

這時在項目中進行  npm run dev 時還是會 提示

因此還有一部關鍵的一步:

復制C:\Users\{你的Windows用戶名}\AppData\Roaming\npm\node_modules\npm下的文件到你的 NodeJS安裝目錄下的 \node_modules\npm 中,覆蓋掉原有的全部文件

最后運行  npm run  dev 成功運行


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM