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

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

第一步

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

vue: WebStorm设置快速编译运行_部署项目

第二步

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

vue: WebStorm设置快速编译运行_命令行_02

第三步

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

vue: WebStorm设置快速编译运行_命令行_03

第四步

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

vue: WebStorm设置快速编译运行_命令行_04

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