Node.js、npm、vue-cli 的安裝配置環境變量

我安裝node.js是爲了學習vue,須要用到npm，因此就把node.js安裝了，安裝node.js會帶有npm的安裝。

在安裝node.js以前，咱們須要瞭解如下三個內容。

npm: Nodejs下的包管理器。

webpack: 它主要的用途是經過CommonJS的語法把全部瀏覽器端須要發佈的靜態資源作相應的準備，好比資源的合併和打包。

vue-cli: 用戶生成Vue工程模板。（幫你快速開始一個vue的項目，也就是給你一套vue的結構，包含基礎的依賴庫，只須要 npm install就能夠安裝）

下載node.js地址：https://nodejs.org/en/

一、下載安裝包，點擊安裝就一直下一步就能夠了。

二、安裝完成後，系統會自動幫你配置系統環境變量，你能夠在系統環境變量中path能夠看到

三、進入docs中查看node.js和npm的版本號，以下圖：

 

 四、進入C:\Users\admin\AppData\Roaming，能夠看到npm的本地倉庫跑在系統盤c盤的用戶目錄了(沒見到npm-cache是由於沒有用過，

一使用緩存目錄就生成了)，咱們試圖把這2個目錄移動回到D:\ProgramFiles\nodejs，在D:\ProgramFiles\nodejs目錄下建立兩個文件夾，分別是如下兩個

而後在docs命令下運行如下2條命令

npm config set prefix "D:\ProgramFiles\nodejs\node_global"

npm config set cache "D:\ProgramFiles\nodejs\node_cache"

 把目錄設置爲咱們指定的目錄，最後在docs下運行npm list -global,能夠看到目錄已經改變了。

由於使用npm下載很慢，這時候咱們須要配置淘寶鏡像站，下載纔會快。

docs命令下輸入命令npm config set registry=http://registry.npm.taobao.org 配置鏡像站

再輸入npm config list能夠顯示剛纔咱們配置的信息。

 

 

 注意：

使用 npm -g 安裝的時候，默認的模塊D:\ProgramFiles\nodejs\node_modules 目錄

將會改變爲D:\ProgramFiles\nodejs\node_global\node_modules目錄，

咱們須要作1件事情：

一、增長環境變量NODE_PATH 內容是：D:\ProgramFiles\nodejs\node_global\node_modules

下載vue-cli 腳手架，npm install vue-cli -g,下載vue後，docs命令下測試vue ，提示沒有vue命令。

 

 主要是由於vue腳本在自定義的global目錄下，不在path環境變量

這時候，咱們須要在環境變量path中添加，D:\ProgramFiles\nodejs\node_global,以下圖

 

再來輸入vue就能夠看到是有這個命令的了

 

 

 查看vue腳手架版本，vue -V  字母V爲大寫。