vue: WebStorm设置快速编译运行

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

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

第一步

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

第二步

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

第三步

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

第四步

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

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

原文地址:https://www.cnblogs.com/-flq/p/9179401.html

时间: 2024-11-08 22:49:37

vue: WebStorm设置快速编译运行的相关文章

[工具]SublimeText编辑器一些设置-C++编译运行

程序员的代码编辑器--Sublime Text 2 JAN 6TH, 2013 | COMMENTS ===目录=== 在Windows/Ubuntu上安装Sublime Text 2 在Windows/Ubuntu上搭建Sublime Text 2的C/C++编译环境 使用Sublime Text 2编写.编译.运行C++代码 推荐几个程序员喜欢的Sublime Text 2插件 使用Sublime Text 2浏览Source Code 使用Sublime Text 2和Github Gis

[工具]SublimeText编辑器一些设置-JAVA编译运行

Sublime Text 2 一些设置 January 10th, 2013 731 views Posted in 软件 Write comment 个人的关于Sublime Text 2的一些设置和插件. 关于安装: 程序主页:https://sublimetext.com/ Windows7/8下安装版的配置文件的地址在:C:\Users\****\AppData\Roaming\ 下基本上有上百兆大小. 推荐使用便携版本,这样就可以一次安装和设置,同步到dropbox中以后也省事.另外便

sublime中设置scala编译运行

Attention: 前提.前提.前提:电脑上安装scala和jdk,可以在cmd中运行scala命令: okay,next: 1.配置内容 在Tools->Build Systems->New Build System, 输入一下以下内容: { "cmd": ["scala", "$file"], "selector": ["source.scala"], "shell":

webstorm 设置 sass自动编译问题

sass语法.使用它带来的好处,就不再这里做介绍了,主要看怎么在webstorm里配置自动编译. sass编译是需要Ruby环境的,可以到这里去下载  :  https://rubyinstaller.org/downloads/    ,安装时选择加入Path 安装完成后需测试安装有没有成功,运行CMD输入以下命令: ruby -v //如安装成功会打印 ruby 2.2.2p95 (2015-04-13 revision 50295) [i386-mingw32] 如上已经安装成功,Ruby

EditPlus远程编辑、语法高亮、编译运行源代码设置

最近写代码的过程中,除了写Java时用的Eclipse.在Linux下编辑的Vi之外,有时也会用EditPlus打开一些文件,如配置文件.日志文件.脚本等.个人觉得EditPlus在很多场景下比较好用,也很轻量,其中有一些有用的功能简单总结了一下. 1.远程编辑 通过Sftp编辑远程文件,除了用SftpDrive直接把服务器文件系统映射成本地磁盘外,还可以利用EditPlus自身支持的FTP功能.从编码的角度,后者更方便些,设置好后,每次需要编辑时,不必打开SftpDrive.从“计算机”中打开

设置VS编译或部署时遇到错误提示是否继续运行

默认情况下,vs2010按F5进行编译,如果编译时发现有错误,vs会提示是否继续运行. 如果手贱不小心点了继续运行且不再提示,结果现在就算编译出错也不提示. 会照成整个项目编译完成后才提示错误信息非常浪费时间!下面是给手残党的配置图! 设置VS编译或部署时遇到错误提示是否继续运行

sublime text 设置编译运行java

Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器.Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim. Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等.还可自定义键绑定,菜单和工具栏.Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , G

Vue.js——组件快速入门(上篇)

Vue.js--60分钟组件快速入门(上篇) 组件简介 组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用,任意类型的应用界面都可以抽象为一个组件树: 那么什么是组件呢?组件可以扩展HTML元素,封装可重用的HTML代码,我们可以将组件看作自定义的HTML元素. 本文的Demo和源代码原作者已放到GitHub!(所有示例都放在GitHub Pages上了,请访问https://github.com/keepfool/vue-tutorial

vue.js的快速入门使用

1. vue.js的快速入门使用 1.1 vue.js库的下载 vue.js是目前前端web开发最流行的工具库,由尤雨溪在2014年2月发布的. 另外几个常见的工具库:react.js /angular.js 官方网站: ? 中文:https://cn.vuejs.org/ ? 英文:https://vuejs.org/ 官方文档:https://cn.vuejs.org/v2/guide/ vue.js目前有1.x.2.x和3.x 版本,我们学习2.x版本的. 1.2 vue.js库的基本使用