上篇文件 寫到 遇到了兩個棘手問題 ;
@終端進程啟動失敗: 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項目啦 ;
到此結束!有問題請留言 看到必回。