1. 程式人生 > 其它 >npm vue-cli安裝步驟

npm vue-cli安裝步驟

npm vue-cli安裝步驟

一、npm安裝

  1. 官網下載

  2. 安裝nodeJs

    • 一直下一步
    • 安裝路徑選擇自己合適的碟符
    • 可以預設,也可以選擇Add to Path的node modules
    • 輸入node -v檢視版本號
    • 輸入npm -v檢視nodeJs中整合npm的版本號
  3. 在安裝的nodeJs主目錄中新建兩個資料夾分別為

    • node_cache
    • npm_global
  4. 修改npm快取目錄和全域性目錄路徑

    npm config set cache "E:\nodeJs\node_cache"
    npm config set prefix "E:\nodeJs\node_global"
    
    // 完成後我們可以輸入npm config get prefix看到現在的目錄
    
  5. 配置npm和nodejs的環境變數(使用者變數裡新增)

  1. npm配置完成

二、Vue-CLI安裝及配置

安裝淘寶映象

npm install cnpm -g

// 設定為預設淘寶下載庫
npm config set registry https://registry.npm.taobao.org

安裝命令

  1. 【推薦】直接使用淘寶映象安裝

    cnpm install -g @vue/cli
    
  2. 【較慢】使用npm命令安裝

    npm install -g @vue/cli
    
  3. 輸入vue --version或者vue -V檢視腳手架版本號