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/

1、下載安裝包,點擊安裝就一直下一步就可以了。

2、安裝完成后,系統會自動幫你配置系統環境變量,你可以在系統環境變量中path可以看到

3、進入docs中查看node.js和npm的版本號,如下圖:

 

 4、進入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件事情:

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為大寫。

 


免責聲明!

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



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