webstorm如何新建vue.js的項目

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

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

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

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

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

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

webstorm如何新建vue.js的項目

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

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

webstorm如何新建vue.js的項目

一直點下一步就可以了

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

webstorm如何新建vue.js的項目

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

webstorm如何新建vue.js的項目

webstorm如何新建vue.js的項目

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

文章標題:webstorm如何新建vue.js的項目
本文網(wǎng)址:http://bm7419.com/article20/jdcjjo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作響應式網(wǎng)站、微信小程序、品牌網(wǎng)站設計、小程序開發(fā)標簽優(yōu)化

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

手機網(wǎng)站建設