1. 程式人生 > 其它 >nodejs安裝 及環境變數配置教程 超詳細版

nodejs安裝 及環境變數配置教程 超詳細版

------------恢復內容開始------------

------------恢復內容開始------------

上篇檔案 寫到 遇到了兩個棘手問題 ;

@終端程序啟動失敗: shell 可執行檔案“C:\Windows\System32\WindowsPowerShell\v1.0\powershell.exe”的路徑不存在。

@node環境變數配置丟了要重新安裝

它棘手就在於 網上的教程千奇百怪 描述不具體 而實際情況是錯一丁點都不行 ;

別人看完就覺得你是在瞎說 ,其實很可能是你用的時候這種配置可以,而過段時間隨著維護配置方法就更新了,而官網那些光頭大佬又喜歡用概念解釋概念 說些人聽不懂的神級詞彙......

所以看這篇教程前請先看下提交時間 如果過去了很久就只是僅供參考了,謝謝不喜勿噴。

============================================

系統環境:win10 ,x64 ;

使用nodejs官網安裝包 =》https://npm.taobao.org/mirrors/node/ 淘寶映象歷史版本 我選的是node-v13.9.0-x64.msi;

至於安裝過程就是 next到底(如何不想裝到c盤就注意下修改安裝路徑那一步) 中間不需要勾選其他的 在其中有個步驟是安裝嚮導會預設讓你勾選 node與npm 的path,勾選就是;

安裝完成後就可以 win + r 使用cmd 鍵入 node -v ,npm -v 檢視版本 證明 安裝成功 如何沒有返回版本號就安裝失敗了 回到開頭重新閱讀文章(

流程實測不會有錯);

  你以後npm 下來的 安裝包 要放到一個地方啊 所以你要新建或者找一個資料夾 ,比如我就把這個資料夾定義為global 並把它放到了nodejs的安裝目錄E:\nodejs 裡邊,

  同時還在安裝目錄中新建了一個用來儲存臨時檔案 所以命名為cache這兩個資料夾待會用到;

修改npm的預設配置 ,這些軟體都有一個壞習慣就是總喜歡把檔案放到c盤 ,nodejs也不例外 它預設把未來使用者的全域性安裝包放在了c盤使用者資料夾下APPDATA/local/...的npm資料夾中 ,讓你找都不想找,以達到讓你不敢解除安裝它的目的,配置檔案在user資料夾下的 .npmrc檔案中記錄 ;

我們通過命令列 npm config ls(ls就是list的縮寫) 就可以看到配置資訊了 ,其中前邊帶是註釋掉的配置 ;

我們主要就是要修改 prefix cache 這兩個配置項

1 npm config set prefix "安裝目錄/你剛才新建的用來儲存安裝包的資料夾"

2 npm config set cache "安裝目錄/你剛才新建的用來儲存臨時檔案的資料夾"

至於 "https://registry.npm.taobao.org/" 源地址 您願意改就去網上搜教程把 並不會快多少 我是不相信中間商的 也沒有願意白送的妹子;

修改完就重開命令列 並安裝個webpack 了

npm i -g webpack@3.6.0 --save g > 全域性安裝才會儲存到你剛剛設定的資料夾裡 ,等進度條跑完 麻溜去看下你剛剛新建的資料夾中是不是有webpack資料夾 若沒有回到開頭重新閱讀文章(流程實測不會有錯);

測試完 命令列試試webpack -v 提示不是內部或外部命令,也不是可執行的程式或批處理檔案。

!!!!!! 不要慌 你環境變數還沒配呢 ,所以cmd不知道你敲個webpack 指令是要執行哪一套 .....

那麼 我們可以看到 nodejs 安裝時預設配的path是 安裝目錄 就能 敲 node -v 和 npm -v 了 ,睿智的你一定也有點思路了;

我們右擊計算機(此電腦,我的電腦),反正點最後一個屬效能在左邊最後看到 “高階系統設定” 然後點選去 “環境變數” ;

這裡有兩坨列表 上邊叫 “使用者變數”,下邊叫 “系統變數” ,我們先把 使用者變數裡的那個Path變數值為指向C盤 npm 的路徑改成 "安裝目錄/你剛才新建的用來儲存安裝包的資料夾 ";

然後使用者變數這裡就搞定了 (有些是先在系統變數裡定義一個 變數 然後在這裡通過變數名引用 ,效果是一樣的 我這樣你不會暈 不是嘛? 聽懂掌聲!)

在系統變數這裡 你就把 剛剛放到使用者變數Path中的那個變數值拿過來 加到 系統變數的Path中

win10在這裡編輯變數值的方式有兩種 一種是系統把 ;字串;字串;的格式給你解析成了多個輸入框 你想新增就在下方空白的地方雙擊 ,又或者是你雙擊後點右邊的編輯文字,自己來加分號 推薦第一種;

這樣就可以了 ,沒想到這麼簡單把 ,因特網上那些大佬不知道他們有沒有看下自己的文章是不是錯的。 wurenzidi缺德

然後我們敲 webpack -v 就顯示出了3.6.0 ,敲 vue init webpack supervue 就愉快的安裝vue專案啦

到此結束!有問題請留言 看到必回。

雲冬場已散,故人亦相離;