您现在的位置:首页 >> 前端 >> 内容

vue:WebStorm设置快速编译运行

时间:2017/8/9 8:59:47 点击:

  核心提示:vue:WebStorm设置快速编译运行,WebSorm是一款优秀的前端开发工具,而Vue项目可以使用Node进行编译运行,平常我们可以通过命令行部署项目进行调试。本文介绍设置Webstorm进行快速...

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

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

第一步

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

vue:WebStorm设置快速编译运行

第二步

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

vue:WebStorm设置快速编译运行

第三步

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

vue:WebStorm设置快速编译运行

第四步

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

vue:WebStorm设置快速编译运行

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

Tags:VU UE EW WE 
作者:网络 来源:卜可的博客