求助，webstorm 无法启动服务器，请问是什么原因

根据你的图来看，没有通过硬盘引导，开机顺序是先找网络，导致原因可是电池没有电了或者是谁改了启动顺序。进入BIOS设置找到1st 或first 开头的里的选项改成 hdd 或是硬盘的型号，保存后重启机器

  1：File>Setting>tools>web browsers如图所示：

2：可以看到webstrom原生的有默认的几个浏览器。如果安装了也可以直接在运行界面的右上角直接点击，或者按alt+f2出现选择框再点击。

3：在File>Setting>tools>web browsers这个界面可以看到在path路径这里点击左键出现如图，输入自己想要的浏览器的运行文件的路径就可以了。最后不要忘了点击OK结束设置。

1自带的版本控制，这功能挽救了我好多次了。

2优秀的代码定位能力，能轻松将光标定位到变量/属性/方法的定义处，对阅读代码非常有用。

聪明的代码联想、格式化功能。

3可定制的code template， 加强版的zen coding，而且不仅限于html和css。

4svn、git 等版本工具的支持，内置的 gist 非常方便。

5nodejs 最好的开发工具，没有之一。只要你会用 chrome 调试浏览器器端的 js，那么你就会用 webstorm 调试 nodejs。

6预处理语言的支持，使less、sass、cofeescript 等等语言的自动编译变得很简单。

7最爽的一点，remote host和live edit的组合使用，让你直接编辑远程文件并实时刷新，一下省去了你这么多步骤：保存本地文件， 上传本地文件到远程服务器， 刷新浏览器。

WebStorm被喻为“Web前端开发神器”

这次给大家带来怎样处理webstorm和vue中es6语法报错，处理webstorm和vue中es6语法报错的注意事项有哪些，下面就是实战案例，一起来看一下。

1webstorm中es6语法报错，解决方法：

打开 Settings => Languages & Frameworks => Javascript

把 Javascript Language version 改为 ECMAScript 6

这样做所有的js文件中es6不再报错，但是vue文件中es6语法依然报错。

2 vue文件中es6语法报错

(1)打开 Settings => File Types 找到 HTML 添加 vue

这样vue文件就相当于html文件，可以编辑css，js，也都有智能提示。但是，在vue文件中es6语法还是报错。

(2)粗暴：直接在<script>标签中添加type="text/ecmascript-6"，vue里面的代码会高亮并支持ES6。

type=”es6”属性

<script type="es6">

</script>(3)将script标签添加

然后打开 Settings => Language Injections 添加 XML Tag Injection，内容如下图。

3补充新功能：右键新建时出现vue文件类型，就像新建html文件一样，方法：

Setting-Editor-File and Code Templates 点击右上角的加号 添加vue文件 Name为vue File, Extension 为vue,下面的位置可以填写自定义的初始化模板内容。

点击OK 返回，在项目中新建会出现vue文件 webstorm配置新建vue文件完成。

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

推荐阅读：

如何使用vuejs做出编辑菜谱功能

怎样使用React 服务器端渲染

前者不支持php后者支持php，做web开发用webstorm好，它有以下优点

1) 自动保存，不需要你一次又一次地ctrl+s啦，所有的操作都直接存储，当然，万一键盘误操作也会被立即存储，不过我们可以通过本地版本控制解决这个问题。

2) 任何一个编辑器只要文件关闭了就没有历史记录了，但是webstorm有。就是说，只要webstorm不关闭，你的文件随时可以返回到之前的操作，webstorm关闭重启后这些历史记录就没有了。这样的坏处也是显然的，由此带来的内存消耗也必然比较大。

3) 任何一个编辑器，除了服务器svn之外，没有本地版本，但是webstorm提供一个本地文件修改历史记录。

4) 与时俱进的眼光。zencoding于2009年出现于it界，在这之后，鲜有工具直接集成到里边。webstorm 20之后就集成了。nodejs,html5,git,cvs等 就不一一列举了。

5)提供的插件也是比较齐全，安装非常方便。这样带来了另外的问题，以前的eclipse是安装第三方的，webstorm貌似不能安装第三方的插件。

6) 可以导出当前设置：File -> Export setting。

一、对于参加工作1年到2年的程序员

这部分时间段的同学，已经对Java有了一个更加深入的了解。但是对于面向对象的体会可能还不够深刻，编程的时候还停留在完成功能的层次，很少会去考虑设计的问题。

于是这个时候，设计模式就来了。我当时看的是《大话设计模式》这本书，并且写了完整版的设计模式博客。因此，我要求大家，最多在你工作一年的时候，必须开始写博客，而设计模式就是你博客的开端。

这一年，你必须对于设计模式了如指掌，《大话设计模式》可以作为你的开端。

此外，设计模式并不是你这一年唯一的任务，你还需要看一些关于代码编写优化的书。比如《重构 改善既有代码的设计》，《effective java》。

总而言之，这个阶段，你的核心任务就是提高你的代码能力，要能写出一手优雅的代码。

二、参加工作2年到3年的程序员

有的同学在这个时候觉得自己已经很牛逼了，于是忍不住开始慢慢松懈。请记住，你还嫩的多。

这个阶段，有一本书是你必须看的，它叫做《深入理解Java虚拟机》。这本书绝对是Java开发者最重要的书，没有之一。在我眼里，这本书的重要性还要高于《Java编程思想》。

这本书的内容是帮助你全面的了解Java虚拟机，在这个阶段，你一定已经知道Java是运行在JVM之上的。所以，对于JVM，你没有任何理由不了解它。

另外，在过去2年的工作当中，你肯定或多或少接触过并发。这个时候，你应该去更加深入的了解并发相关的知识，而这部分内容，我比较推荐《Java并发编程实战》这本书。只要你把这本书啃下来了，并发的部分基本已经了解了十之六七。

与此同时，这个阶段你要做的事情还远不止如此。这个时候，你应该对于你所使用的框架应该有了更深入的了解，对于Java的类库也有了更深入的了解。因此，你需要去看一些JDK中的类的源码，也包括你所使用的框架的源码。

这些源码能看懂的前提是，你必须对设计模式非常了解。否则的话，你看源码的过程中，永远会有这样那样的疑问，这段代码为什么要这么写？为什么要定义这个接口，它看起来好像很多余？

分享作为千锋的Java开发工程师需要掌握的专业技能，大家可以参考一下。

一、熟练的使用Java语言进行面向对象程序设计，有良好的编程习惯，熟悉常用的JavaAPI，包括集合框架、多线程（并发编程）、I/O（NIO）、Socket、JDBC、XML、反射等。

二、熟悉基于JSP和Servlet的JavaWeb开发，对Servlet和JSP的工作原理和生命周期有深入了解，熟练的使用JSTL和EL编写无脚本动态页面，有使用监听器、过滤器等Web组件以及MVC架构模式进行JavaWeb项目开发的经验。

三、对Spring的IoC容器和AOP原理有深入了解，熟练的运用Spring框架管理各种Web组件及其依赖关系，熟练的使用Spring进行事务、日志、安全性等的管理，有使用SpringMVC作为表示层技术以及使用Spring提供的持久化支持进行Web项目开发的经验，熟悉Spring对其他框架的整合。

四、熟练的使用Hibernate、MyBatis等ORM框架，熟悉Hibernate和MyBatis的核心API，对Hibernate的关联映射、继承映射、组件映射、缓存机制、事务管理以及性能调优等有深入的理解。

五、熟练的使用HTML、CSS和JavaScript进行Web前端开发，熟悉jQuery和Bootstrap，对Ajax技术在Web项目中的应用有深入理解，有使用前端MVC框架（AngularJS）和JavaScript模板引擎（HandleBars）进行项目开发的经验。

六、熟悉常用的关系型数据库产品（MySQL、Oracle），熟练的使用SQL和PL/SQL进行数据库编程。

七、熟悉面向对象的设计原则，对GoF设计模式和企业应用架构模式有深入的了解和实际开发的相关经验，熟练的使用UML进行面向对象的分析和设计，有TDD（测试驱动开发）和DDD（领域驱动设计）的经验。

八、熟悉Apache、NginX、Tomcat、WildFly、Weblogic等Web服务器和应用服务器的使用，熟悉多种服务器整合、集群和负载均衡的配置。

九、熟练的使用产品原型工具Axure，熟练的使用设计建模工具PowerDesigner和EnterpriseArchitect，熟练的使用Java开发环境Eclipse和IntelliJ，熟练的使用前端开发环境WebStorm，熟练的使用软件版本控制工具SVN和Git，熟练的使用项目构建和管理工具Maven和Gradle。