Nodejs安裝及環境配置

一、下載安裝包

下載地址: https://nodejs.org/zh-cn/down...
根據本身電腦系統及位數選擇,我這裏選擇 windows64位.msi格式安裝包

.msi和.zip格式區別:
一、.msi是Windows installer開發出來的程序安裝文件,它可讓你安裝,修改,卸載你所安裝的程序。說白了.msi就是Windows installer的數據包,把全部和安裝文件相關的內容封裝在一個包裏。
二、.zip是一個壓縮包,解壓以後便可,不須要安裝vue

image.png

下載完成後,雙擊安裝包,開始安裝,一直點next便可,安裝路徑默認在C:\Program Files下,也能夠自定義修改node

image.png
image.png
Node.js runtime 表示運行環境
npm package manager 表示npm包管理器
online documentation shortcuts 在線文檔快捷方式
Add to PATH 添加到環境變量express

安裝完成如圖所示,這裏我修改了node的安裝路徑 C:\node

安裝完成後,.msi格式的安裝包已經將node啓動程序添加到系統環境變量path中,查看系統變量驗證
image.png
既然已經將node程序添加到全局系統變量,咱們能夠直接在CMD窗口中任意位置執行node,打開CMD窗口,執行命令node -v查看node版本
image.png
最新版的node在安裝時同時也安裝了npm,執行npm -v查看npm版本
image.pngnpm

二、修改包路徑

默認狀況下,咱們在執行 npm install -g XXXX時,下載了一個全局包,這個包的默認存放路徑位 C:\Users\Administrator\AppData\Roaming\npm\node_modules下,能夠經過CMD指令 npm root -g查看
image.png
image.png
咱們能夠下載一個全局包試試看,執行命令 npm install -g express
image.png
image.png

可是有時候咱們不想讓全局包放在這裏,咱們想放在node的安裝目錄下
一、在node安裝目錄下下新建兩個文件夾
node_global 全局包下載存放
node_cache node緩存
image.pngwindows

二、修改路徑
在CMD窗口執行如下兩條命令:緩存

npm config set prefix "C:\node\node_global"
npm config set cache "C:\node\node_cache"

或者在nodejs的安裝目錄中找到node_modules\npm\.npmrc文件,修改以下:
prefix =C:\node\node_global
cache = C:\node\node_cache
image.png
咱們再次下載一個全局包,執行命令npm install -g vue,能夠發現,下載的全局包vue已經放在了咱們設置的目錄中
image.png
咱們寫一個js文件,引入vue模塊,並輸出,而後再node中執行該js文件
image.png
咱們更改了npm全局模塊的存放路徑和cache路徑,此時使用module時將會出現上述錯誤,由於電腦系統如今還不知道你把默認路徑給改了,因此須要修改系統環境變量。
一、修改用戶變量path爲:C:\node\node_global
image.png
image.png
二、新增系統變量NODE_PATH,變量值爲C:\node\node_global\node_modules
image.png
修改以後關閉CMD窗口,而後從新打開,運行剛纔的test.js文件
image.pngspa

相關文章
相關標籤/搜索