npm 安裝 vue/cli 腳手架


npm 安裝 vue/cli 腳手架


1、必要准備:
  • 安裝好 node.js(自行下載 node.js 進行安裝:link:https://nodejs.org/en/,下載時時選擇 msi 版本的)
    Alt

  • 安裝步驟在此跳過(太過簡單),檢測安裝是否成功,在命令行輸入以下命令,即可看到對應的版本號:

      node -v
    
  • 示例如下:
    在這里插入圖片描述

  • 注意:
    node.js是自動包含npm的,什么是npm呢?
    簡單的說,就是節點包管理器(Node Package Manager)
    詳細了解請參考:
    [link:https://blog.csdn.net/qq_37696120/article/details/80507178] (https://blog.csdn.net/qq_37696120/article/details/80507178)

2、安裝 cnpm
  • 檢測npm是否安裝成功,輸入以下內容:

      npm -v
    
  • 示例如下:
    在這里插入圖片描述

  • 通過 cnpm 來更加快速的安裝 vue,因為 npm 是國外的,我們在國內訪問會很慢,所以我們需要安裝淘寶境像來提升我們的反應速度:npm install -g cnpm --registry=https://registry.npm.taobao.org 回車;因為每一次安裝,所有點慢,需要等一會。

      npm install -g cnpm --registry=https://registry.npm.taobao.org
    
  • 示例如下:
    Alt

  • 檢測安裝是否成功,在命令行輸入以下命令,即可看到對應的版本號:

      cnpm -v 
  • 示例如下:
    Alt

3、通過 cnpm 來安裝 vue.js 腳手架
    • 輸入以下代碼,回車:

        npm install -g @vue/cli 
      
    • 將會出現以下內容(若沒出現任何警告,則安裝成功):
      Alt

    • 同理,輸入相應的版本命令,可查看安裝是否成功
      Alt
      出現相應的版本號,即搭建成功。

    • 結束語…………………………福利時間到………………………………


免責聲明!

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



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