2019-05-14

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é)果了;


第二種方法:自定義創(chuàng)建;[學(xué)會(huì)自定義創(chuàng)建很重要]

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容