vue: WebStorm設(shè)置快速編譯運行的方法
WebSorm是一款優(yōu)秀的前端開發(fā)工具,而Vue項目可以使用Node進行編譯運行,平常我們可以通過命令行部署項目進行調(diào)試。
本文介紹設(shè)置Webstorm進行快速部署Vue項目。
第一步
點擊啟動快捷按鈕旁邊的向下小箭頭,在列表中選擇Edit選項:
第二步
打開啟動設(shè)置頁面后,點擊左上角的加號添加新的運行方式:
第三步
在彈出的選擇框中,選擇node.js啟動模式:
第四步
在新打開的設(shè)置頁面中,在紅色圈中的地方設(shè)置如圖路徑的文件:
至此設(shè)置成功,直接點啟動按鈕就可以部署項目。
以上這篇vue: WebStorm設(shè)置快速編譯運行的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
- 如何使用Webstorm和Chrome來調(diào)試Vue項目
- WebStorm無法正確識別Vue3組合式API的解決方案
- 如何用Idea或者webstorm跑一個Vue項目(步驟詳解)
- 基于vue項目設(shè)置resolves.alias: ''@''路徑并適配webstorm
- webstorm建立vue-cli腳手架的傻瓜式教程
- 解決Idea、WebStorm下使用Vue cli腳手架項目無法使用Webpack別名的問題
- webstorm+vue初始化項目的方法
- webstorm中vue語法的支持詳解
- webstorm和.vue中es6語法報錯的解決方法
- vue模板配置與webstorm代碼格式規(guī)范設(shè)置
相關(guān)文章
vue路由傳參的基本實現(xiàn)方式小結(jié)【三種方式】
這篇文章主要介紹了vue路由傳參的基本實現(xiàn)方式,結(jié)合實例形式總結(jié)分析了vue.js路由傳參的三種實現(xiàn)方式,包括params顯示傳參、不顯示參數(shù)以及query顯示參數(shù)傳參,需要的朋友可以參考下2020-02-02vue項目出現(xiàn)ERESOLVE could not resolve問題及解決
這篇文章主要介紹了vue項目出現(xiàn)ERESOLVE could not resolve問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10Vue3新特性之在Composition API中使用CSS Modules
這篇文章主要介紹了Vue3新特性之在Composition API中使用CSS Modules,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-07-07vue?router進行路由跳轉(zhuǎn)并攜帶參數(shù)的實例詳解(params/query)
在使用`router.push`進行路由跳轉(zhuǎn)到另一個組件時,可以通過`params`或`query`來傳遞參數(shù),這篇文章主要介紹了vue?router進行路由跳轉(zhuǎn)并攜帶參數(shù)(params/query),需要的朋友可以參考下2023-09-09