vue環(huán)境搭建
今天心血來(lái)潮,打算重新建立新的vue項(xiàng)目;也是從今天開(kāi)始記錄自己的生活和工作;
第一篇簡(jiǎn)書(shū)文章,主要記錄在項(xiàng)目中遇到的各種問(wèn)題,以及解決方案。
安裝vue,前提安裝好node。
vue環(huán)境搭建有兩種方法:
第一種方法:使用vue-cli腳手架;
(網(wǎng)上都說(shuō)這是最簡(jiǎn)單的一種方法。嗯,確實(shí)是,但是遇到了一個(gè)問(wèn)題。)
1.npm install -g vue-cli? ? ? ? ? ? ? ? //安裝vue-cli ,很快就安裝好了。
2.vue init webpack my-project? ? //開(kāi)始一個(gè)新項(xiàng)目。就開(kāi)始報(bào)錯(cuò)了;
報(bào)錯(cuò):? ? ? ?
vue不是內(nèi)部執(zhí)行的命令;vue無(wú)法識(shí)別為 cmdlet、函數(shù)、腳本文件或可運(yùn)行程序的名稱(chēng)。
問(wèn)題:? ? ? ?
主要原因還是node環(huán)境問(wèn)題。
解決方案:
因?yàn)橹靶薷倪^(guò)npm緩存路徑;所以在D盤(pán)nvm安裝下找到vue.cmd文件所在的位置,在path里添加環(huán)境變量;D:\Web\old\nvm\npm
找到node所在的位置。因?yàn)槲倚枰鄠€(gè)版本的node,所以使用的nvm管理;
在用戶(hù)變量里添加nvm的環(huán)境在安裝時(shí)會(huì)自動(dòng)加入到用戶(hù)變量里:
NVM_HOME? ? ? ? nvm的路徑;
NVM_SYMLINK? ??D:\Web\old\nodejs? ? ? nodejs所在路徑;
環(huán)境配置好,此時(shí)輸入vue不會(huì)報(bào)錯(cuò) vue不是內(nèi)部執(zhí)行的命令;可以正常使用vue命令;
?npm config set prefix "D:\Web\old\nvm\npm"? ? ? ? ? ?//該命令設(shè)置npm全局安裝的緩存路徑;
?npm config set cache "D:\vueProject\nodejs\node_cache"? ? ?//設(shè)置緩存文件夾;
3.cd?my-project? ? ?//切換到新建的文件夾下;
4.npm run dev? ? ? //就可以運(yùn)行出結(jié)果了;