nodejs安裝 及環境變數配置教程 超詳細版
————恢復內容開始————
————恢復內容開始————
上篇文件 寫到 遇到了兩個棘手問題 ;
@終端進程啟動失敗: shell 可執行文件「C:\Windows\System32\WindowsPowerShell\v1.0\powershell.exe」的路徑不存在。
@node環境變數配置丟了要重新安裝
它棘手就在於 網上的教程千奇百怪 描述不具體 而實際情況是錯一丁點都不行 ;
別人看完就覺得你是在瞎說 ,其實很可能是你用的時候這種配置可以,而過段時間隨著維護配置方法就更新了,而官網那些光頭大佬又喜歡用概念解釋概念 說些人聽不懂的神級辭彙……
所以看這篇教程前請先看下提交時間 如果過去了很久就只是僅供參考了,謝謝不喜勿噴。
============================================
系統環境:win10 ,x64 ;
使用nodejs官網安裝包 =》//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 “安裝目錄/你剛才新建的用來保存臨時文件的文件夾“;
至於 “//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項目啦 ;
到此結束!有問題請留言 看到必回。