vue: WebStorm設(shè)置快速編譯運(yùn)行的方法
WebSorm是一款優(yōu)秀的前端開(kāi)發(fā)工具,而Vue項(xiàng)目可以使用Node進(jìn)行編譯運(yùn)行,平常我們可以通過(guò)命令行部署項(xiàng)目進(jìn)行調(diào)試。
本文介紹設(shè)置Webstorm進(jìn)行快速部署Vue項(xiàng)目。
第一步
點(diǎn)擊啟動(dòng)快捷按鈕旁邊的向下小箭頭,在列表中選擇Edit選項(xiàng):

第二步
打開(kāi)啟動(dòng)設(shè)置頁(yè)面后,點(diǎn)擊左上角的加號(hào)添加新的運(yùn)行方式:

第三步
在彈出的選擇框中,選擇node.js啟動(dòng)模式:

第四步
在新打開(kāi)的設(shè)置頁(yè)面中,在紅色圈中的地方設(shè)置如圖路徑的文件:

至此設(shè)置成功,直接點(diǎn)啟動(dòng)按鈕就可以部署項(xiàng)目。
以上這篇vue: WebStorm設(shè)置快速編譯運(yùn)行的方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- 如何使用Webstorm和Chrome來(lái)調(diào)試Vue項(xiàng)目
- WebStorm無(wú)法正確識(shí)別Vue3組合式API的解決方案
- 如何用Idea或者webstorm跑一個(gè)Vue項(xiàng)目(步驟詳解)
- 基于vue項(xiàng)目設(shè)置resolves.alias: ''@''路徑并適配webstorm
- webstorm建立vue-cli腳手架的傻瓜式教程
- 解決Idea、WebStorm下使用Vue cli腳手架項(xiàng)目無(wú)法使用Webpack別名的問(wèn)題
- webstorm+vue初始化項(xiàng)目的方法
- webstorm中vue語(yǔ)法的支持詳解
- webstorm和.vue中es6語(yǔ)法報(bào)錯(cuò)的解決方法
- vue模板配置與webstorm代碼格式規(guī)范設(shè)置
相關(guān)文章
Vue3中watchEffect高級(jí)偵聽(tīng)器的具體使用
Vue3中新增了一種特殊的監(jiān)聽(tīng)器watchEffect,本文主要介紹了Vue3中watchEffect高級(jí)偵聽(tīng)器的具體使用,具有一定的參考價(jià)值,感興趣的可以了解一下2024-01-01
el-table?選中行與復(fù)選框相互聯(lián)動(dòng)的實(shí)現(xiàn)步驟
這篇文章主要介紹了el-table?選中行與復(fù)選框相互聯(lián)動(dòng),分為兩步,第一步點(diǎn)擊行時(shí)觸發(fā)復(fù)選框的選擇或取消,第二步點(diǎn)擊復(fù)選框時(shí)觸發(fā)相應(yīng)行的變化,本文通過(guò)實(shí)例代碼給大家詳細(xì)講解,需要的朋友可以參考下2022-10-10
vue中實(shí)現(xiàn)展示與隱藏側(cè)邊欄功能
這篇文章主要介紹了vue中實(shí)現(xiàn)展示與隱藏側(cè)邊欄功能,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08
vue如何從后臺(tái)獲取數(shù)據(jù)生成動(dòng)態(tài)菜單列表
這篇文章主要介紹了vue如何從后臺(tái)獲取數(shù)據(jù)生成動(dòng)態(tài)菜單列表,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-04-04
基于vue-cli3多頁(yè)面開(kāi)發(fā)apicloud應(yīng)用的教程詳解
這篇文章主要介紹了基于vue-cli3多頁(yè)面開(kāi)發(fā)apicloud應(yīng)用,本文采用vue-cli+APIcloud的方式寫(xiě)解決以上痛點(diǎn),開(kāi)發(fā)靈活,并且打包之后體積更小速度更快,需要的朋友可以參考下2019-06-06
vue中項(xiàng)目頁(yè)面空白但不報(bào)錯(cuò)產(chǎn)生的原因及分析
這篇文章主要介紹了vue中項(xiàng)目頁(yè)面空白但不報(bào)錯(cuò)產(chǎn)生的原因及分析,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-05-05
vuex2中使用mapGetters/mapActions報(bào)錯(cuò)的解決方法
這篇文章主要介紹了vuex2中使用mapGetters/mapActions報(bào)錯(cuò)解決方法 ,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-10-10
Vue編譯器源碼分析compileToFunctions作用詳解
這篇文章主要為大家介紹了Vue編譯器源碼分析compileToFunctions作用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-07-07
webpack安裝配置與常見(jiàn)使用過(guò)程詳解(結(jié)合vue)
這篇文章主要介紹了webpack安裝配置與常見(jiàn)使用過(guò)程,主要結(jié)合vue實(shí)現(xiàn),通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-06-06

