webstorm新建vue.js項(xiàng)目的方法：首先安裝git，并填寫(xiě)相關(guān)地址；然后填寫(xiě)項(xiàng)目名；接著選中【package.json】右鍵選擇show npm scripts；最后選擇dev雙擊即可進(jìn)行測(cè)試。

本教程操作環(huán)境：windows7系統(tǒng)、webstorm2020.3&&Vue2.9.6版，該方法適用于所有品牌電腦。

【相關(guān)文章推薦：vue.js】

webstorm新建vue.js項(xiàng)目的方法：

1、想用WebStorm創(chuàng)建項(xiàng)目得安裝git。 安裝很簡(jiǎn)單，官網(wǎng)找到下載安裝即可，否則可能出現(xiàn)安裝不了的情況

2、紅色為新建的順序，綠色為node.js地址（裝好了會(huì)自動(dòng)尋找，無(wú)需修改），藍(lán)色為vue.js包的地址（裝好了會(huì)自動(dòng)尋找，無(wú)需修改），黃色為打包所用的打包模塊（默認(rèn)即可，無(wú)需修改）

注意：項(xiàng)目存儲(chǔ)路徑一定要和webstorm工具安裝的所在系統(tǒng)盤(pán)一直，比如你前面把webstorm工具安裝在D盤(pán)下面，那么這里路徑就應(yīng)該是D盤(pán)下面路徑而不是默認(rèn)的C盤(pán)

3、填寫(xiě)項(xiàng)目名，注意項(xiàng)目名中不能包含大寫(xiě)字母。

一直點(diǎn)下一步就可以了

4、選中package.json 右鍵選擇 show npm scripts

5、選擇dev雙擊 即可進(jìn)行測(cè)試。開(kāi)啟成功后會(huì)出現(xiàn)默認(rèn)的端口，直接點(diǎn)擊地址打開(kāi)，或者復(fù)制粘貼地址到瀏覽器中打開(kāi)，出現(xiàn)下面頁(yè)面就是成功啦。這樣一個(gè)vue項(xiàng)目就創(chuàng)建成功了

相關(guān)學(xué)習(xí)推薦：js視頻教程