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

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

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

webstorm新建vue.js項目的方法：

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

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

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

3、填寫項目名，注意項目名中不能包含大寫字母。

一直點下一步就可以了

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

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

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