vue: WebStorm设置快速编译运行

Posted 啊哈哈哈哈-

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue: WebStorm设置快速编译运行相关的知识,希望对你有一定的参考价值。

WebSorm是一款优秀的前端开发工具,而Vue项目可以使用Node进行编译运行,平常我们可以通过命令行部署项目进行调试。

本文介绍设置Webstorm进行快速部署Vue项目。

第一步

点击启动快捷按钮旁边的向下小箭头,在列表中选择Edit选项:

技术分享图片

第二步

打开启动设置页面后,点击左上角的加号添加新的运行方式:

技术分享图片

第三步

在弹出的选择框中,选择node.js启动模式:

技术分享图片

第四步

在新打开的设置页面中,在红色圈中的地方设置如图路径的文件:

技术分享图片

至此设置成功,直接点启动按钮就可以部署项目。

以上是关于vue: WebStorm设置快速编译运行的主要内容,如果未能解决你的问题,请参考以下文章

在 Windows 上的 Webstorm 中自动编译 Jade

如何在 Vue 和 Snowpack 中配置运行时编译

webstorm中vue的运行配置

编译/运行时后的 Vue.js 动态图像路径

Sublime Text webstorm等编译器快速编写HTML/CSS代码的技巧

第三节:快速编译TypeScript,提高开发效率