一、nodejs下載安裝
- 下載地址： https://nodejs.org/en/download/
- 下載msi文件后運(yùn)行安裝
- 運(yùn)行npm -v 查看npm的版本，node -v 查看nodejs版本，同時也是檢查npm和nodejs是否安裝成功
二、npm配置
2.1 更換全局安裝路徑
安裝好nodejs之后，對npm安裝的全局模塊所在路徑以及緩存所在路徑，進(jìn)行環(huán)境配置。npm install express [-g]（后面的可選參數(shù)-g，g代表global全局安裝的意思）的安裝語句時，會將安裝的模塊安裝到【C:\Users\用戶名\AppDataRoaming\npm】路徑中，占C盤空間。所以我們可以運(yùn)行下面兩個命令更換全局安裝路徑：
npm config set prefix "E:\workspace\npm\nodejs\node_global"
npm config set cache "E:\workspace\npm\nodejs\node_cache"
如下圖，我們再來關(guān)注一下npm的本地倉庫，輸入命令npm list -global
2.2 修改鏡像地址
基于nodejs，利用淘寶npm鏡像安裝相關(guān)依賴。由于國外使用npm會很慢，這里推薦使用淘寶nmp鏡像;
輸入命令npm config set registry=http://registry.npm.taobao.org 配置舊鏡像站（將在 2022.06.30號正式下線和停止 DNS 解析）.
輸入命令npm config set registry=http://registry.npmmirror.com 配置新鏡像站.
輸入命令npm config list 顯示所有配置信息，我們關(guān)注一個配置文件
檢查一下鏡像站命令行不行：
一、輸入： npm config get registry
二、輸入： npm info vue 看看能否獲得vue的信息
注意，此時默認(rèn)的模塊E:\workspace\npm\nodejs\node_modules, 目錄將會改變?yōu)镋:\workspace\npm\nodejs\node_global\node_modules 目錄，
如果直接運(yùn)行npm install等命令會報錯的。
我們需要做1件事情：
增加環(huán)境變量NODE_PATH 內(nèi)容是：E:\workspace\npm\nodejs\node_global\node_modules（參考jdk配置）,注意，以下操作需要重新打開CMD讓上面的環(huán)境變量生效
2.3 安裝vue
命令：
npm install vue -g
npm install vue-router -g
npm install vue-cli -g
對path環(huán)境變量添加E:\workspace\npm\nodejs\node_global (這個路徑應(yīng)該是包含vue.cmd的那個目錄)
重新打開CMD，并且測試vue是否使用正常
2.4 創(chuàng)建vue項目
- 切換到項目根目錄
- 初始化
vue init webpack vue01
- 安裝依賴
npm install
- 啟動項目,成功會提示打開http://localhost:[端口號]
npm run dev
- 生成靜態(tài)文件,打開dist文件夾下新生成的index.html文件
npm run build
-
npm下構(gòu)建出來的vue01的目錄描述：
