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項目啦

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