強(qiáng)迫癥導(dǎo)致了我必須修改平痰,因而找找找汞舱,把坑填了,所以就記錄一下宗雇,方便下次查找昂芜。
兩種安裝方式
我們都知道,npm的安裝方式有兩種赔蒲,分為全局安裝
和局部安裝
泌神。
顧名思義:全局安裝就是在任何文件夾都可運(yùn)行,其實(shí)原理也就是寫進(jìn)環(huán)境變量嘹履,每次在命令行中敲入命令時(shí)腻扇,根據(jù)環(huán)境變量的設(shè)置尋找對(duì)應(yīng)的可執(zhí)行程序運(yùn)行。
npm install -g <package_name>
局部安裝就是在當(dāng)前項(xiàng)目中建立包砾嫉,在當(dāng)前項(xiàng)目中起作用
npm install <package_name>
強(qiáng)迫癥導(dǎo)致修改路徑
包的默認(rèn)安裝路徑
-
局部安裝
當(dāng)選擇項(xiàng)目局部安裝包時(shí)幼苛,默認(rèn)的安裝路徑為項(xiàng)目根目錄文件夾node_modules
。這個(gè)不是主題就不多說了焕刮。 -
全局安裝
當(dāng)選擇全局安裝時(shí)舶沿,默認(rèn)的安裝路徑為C:\Users\xxx\AppData\Roaming\npm
,緩存路徑為C:\Users\xxx\AppData\Roaming\npm_cache
配并,其中xxx
根據(jù)自己是自己系統(tǒng)的用戶名括荡。由于我已經(jīng)改了路徑,文件夾也刪了溉旋,所以就不放圖了畸冲。這里就是強(qiáng)迫癥來源了,你讓我每次全局安裝包的時(shí)候都安裝到C盤里观腊,那我肯定受不了的邑闲,所以開始改。
修改全局包安裝路徑
其實(shí)就很簡單梧油,npm給了我們配置的方法苫耸,可以通過命令行的方式
npm config set prefix "E:/Developer/nodejs/npm_global"
npm config set cache "E:/Developer/nodejs/npm_cache"
當(dāng)然了,不一定得是這個(gè)路徑儡陨,得是這個(gè)文件名褪子,只是我選擇了這個(gè)路徑這個(gè)文件名。配置成功后骗村,可以查看一下是否配置成功
npm config ls
接下來嫌褪,我們試一下,安裝一個(gè)全局包胚股,例如vue-cli
npm install vue-cli -g
安裝過后渔扎,我們到npm_global
目錄下的node_modules
看一下,已經(jīng)安裝成功信轿,事實(shí)上這就是全局包的安裝路徑
然后我們開始嘗試在命令行用上
vue-cli
vue init webpack demo
可是卻出了錯(cuò):vue command not found
原因很簡單晃痴,就是我們修改了路徑,環(huán)境變量卻還沒配置财忽,所以系統(tǒng)找不到可執(zhí)行程序
打開環(huán)境變量配置倘核,在系統(tǒng)變量中新增NODE_PATH
,變量值為設(shè)置的安裝路徑下的node_modules
設(shè)置用戶變量中
path
即彪,新增一個(gè)值然后就可以了紧唱,可以愉快的將全局包不安裝在C盤了,end...