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中 。  

你輸入 webpack -v   在這里程序執行的原理就是先通過PATH尋找你指定的文件夾  然后在文件夾下 找到 webpack.cmd 文件 執行里邊的語句 程序就會自動尋找node_modules > webpack 中預設的webpack命令  ,所以path變量只要指定到  npm config set prefix “ 全局包路徑”  中的全局路徑 。

 

 

 

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

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

然后我們敲 webpack -v 就顯示出了3.6.0 ,敲 vue init webpack supervue 就愉快的安裝vue項目啦

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


免責聲明!

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



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