這篇文章主要介紹了webstorm如何新建vue.js的項(xiàng)目，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

員工經(jīng)過長期磨合與沉淀，具備了協(xié)作精神，得以通過團(tuán)隊(duì)的力量開發(fā)出優(yōu)質(zhì)的產(chǎn)品。創(chuàng)新互聯(lián)堅(jiān)持“專注、創(chuàng)新、易用”的產(chǎn)品理念，因?yàn)椤皩Ｗ⑺詫I(yè)、創(chuàng)新互聯(lián)網(wǎng)站所以易用所以簡單”。公司專注于為企業(yè)提供成都網(wǎng)站制作、成都做網(wǎng)站、微信公眾號開發(fā)、電商網(wǎng)站開發(fā)，微信小程序定制開發(fā)，軟件按需開發(fā)等一站式互聯(lián)網(wǎng)企業(yè)服務(wù)。

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

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

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

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

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

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

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

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

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

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享webstorm如何新建vue.js的項(xiàng)目內(nèi)容對大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來學(xué)習(xí)!