字数509&阅读14498&&喜欢18
ECMAScript 6是JavaScript语言的下一代标准，已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上，推出JavaScript 2.0。
ES6的目标，是使得JavaScript语言可以用来编写大型的复杂的应用程序，成为企业级开发语言。
作为一只猴子，我也想尝试一下ES6有什么新特性，于是开始了学习之路。
在webstorm写下了这段代码，体验一下ES6语法的便利，但是一大堆报错
各种语法错误
what the fuck
相信每一只程序猴都不想在这样的环境下编码，反正本猴不想
1 语法支持设置
Preferences & Languages & Frameworks & JavaScript
这里只要配置ECMAScript版本即可
2 自动转码为ES5
file watcher +&（ES6转码器）
你可能希望你写的代码有更好的兼容性，但目前的ES6肯定不是所有浏览器都支持的，所以我们要用到ES6转码器。
是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在浏览器或其他环境执行。这意味着，你可以用ES6的方式编写程序，又不用担心现有环境是否支持。
而且你还希望每次修改代码时能自动转码，所以还要用到webstorm的file watcher（当然还有其他解决方案）
npm install -g babelPreferences & Tools & File watchers点击“+”按钮
file watcher配置界面
File Type：配置该监听器监听的文件类型，可以在Preferences & Editor & File types中配置
Scope：配置该监听器的监听范围，可自定义新的范围，也可以使用Preferences & Appearance & Behavior & Scopes
Program：babel的安装位置
Arguments：命令执行参数，参见
Working directory：babel命令执行的位置，默认为文件所在目录
这样对文件做修改会随时生成编译成ES5的文件以及sourceMap文件
本文已收录于以下专栏：
相关文章推荐
一、设置Webstorm支持ES6
在 Settings -& Languages&Frameworks -& JavaScript 里设置为 ES6 。
二、设置ES6自动转码成ES5
ES6新增了一种模板字符串，它会自动替换字符串中的变量，
而在WebStorm中对JavaScript编辑 则需要进行配置才可以不显示报错的提示；
如何设置呢？
Settings& ...
ECMAScript 6是JavaScript语言的下一代标准，已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上，推出JavaScript 2.0。
ES6的目标，是使得Jav...
本篇文章主要是针对上篇博客vue项目构建中构建的项目在webstorm中的一些ES6语法支持以及vue高亮和语法支持。webstorm中ES6语法配置当我们用webstorm打开我们所构建的elma项...
webstorm默认情况下不支持ES6的
ECMAScript 6是JavaScript语言的下一代标准，已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上，推出JavaScript
ES6的目标，是使得Jav...
ECMAScript 6是JavaScript语言的下一代标准，已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上，推出JavaScript 2.0。
ES6的目标，是使得Jav...
1.打开 Webstorm  进入File项 
 2.进入settings
3.进入Plugins ，搜索是否已经下载过vue文件，如果没有，右边会有一个下载install按钮。按下载...
Webstorm 添加新建.vue文件功能并支持高亮vue语法和es6语法
添加新建.vue文件功能
①Webstorm 右上角File-Plugins 搜索vue如果没有就去下载 点击se...
网上有很多关于如何设置babel的。我学习着设置，但总差那么几步，没能满足我的需求。
我使用的是webStorm2017.1版本。
babel安装准备
使用webStorm自带的filew...
他的最新文章
讲师：汪剑
讲师：刘道宽
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)vue.js之路(2)——为WebStrom添加vue的相关支持 - YuuyaRin的博客 - CSDN博客
vue.js之路(2)——为WebStrom添加vue的相关支持
WebStrom作为老牌的前端开发利器，它的插件功能也是非常全面和强大的。虽然webStrom自身不会识别*.vue的文件，但是可以通过一系列设置和插件解决这些问题。
废话不多说，这里说一下我的设置流程（本喵用的是windows系统，WebStrom版本是）
1.添加ES6语法支持：
因为vue是基于ES6语法的，所以必须要保证IDE能够支持ES6。
首先打开设置： window快捷键是ctrl+alt+s，当然，这个有可能和你QQ的热键冲突了，你可以在菜单的file中找到settings。而mac下的快捷键如果我没记错，应该是command+逗号。
可以通过搜索功能找到Language&Frameworks，再找到下边的JavaScript，设置如下：
并且在下边的Libraries中，确认勾中了es6的选项：
这样，对于ES6的支持问题就搞定了。
2.让WebStrom可以识别Vue文件：
一开始我们会发现，我们搭建好的vue工程，凡事以vue为后缀的文件，代码都不会高亮变色等等。
这里我们依然在设置界面中，找到File Types，接着选中上边窗口的HTML，在下边的窗口中点击绿色加号，然后输入*.vue，添加即可，如下图：
这样vue文件，就可以被识别了。
3.安装vue相关插件
WebStrom中有两个vue相关的插件，建议都安装上，安装以后会发现，我们在新建文件的时候，会多出vue类型的文件，并且会自动生成一套模板，非常方便。
在setting中找到Plugins,然后搜索vue，然后分别安装这两个插件，再重启WebStrom即可。
那么，到这里就算大功告成啦，之后使用起来应该就非常方便了。
楼上又开始装修了，电钻什么的。。。我要避难去啦~~
我的热门文章1 语法支持es6设置
Preferences & Languages & Frameworks & JavaScript
　　把 Javascript Language version 改为 ECMAScript 6,这样做所有的.js文件中es6不再报错，但是在.vue文件中es6语法依然报错。
2 vue文件中解决报错
在script标签上添加属性&&type="es6"
&script type="es6"&
　　2.&&添加 XML Tag Injection
Settings & Language Injections
　　新建XML Tag Injection
大功告成, 这样在就可以在Vue中使用es6语法了, 并且可以正常提示
阅读(...) 评论()帮助企业打造成功软件！
热门搜索：
WebStorm()
深受广大程序员喜爱的JavaScript 开发和Web前端开发神器
产品类型：
产品功能：
/教育及研究机构推荐产品
平台语言：
不提供源码
产品编号：
当前版本： [销售以商家最新版为准，如需其他版本，请来电咨询]
开&&发&商：
关于本产品的分类与介绍仅供参考，具体以商家网站介绍为准。加企业QQ： 咨询该产品
框架Vue.js支持Vue.js如期加入WebStorm了！React组件的自动输入选择一个React组件定义您的应用程序，完成弹出，IDE会将自动添加导入它。Angular语言服务现在使用Angular服务越来越频繁，WebStorm添加了Angular语言服务支持。测试Jest集成现在可以从IDE运行Jest测试，且可以从treeview方便的看到测试结果。更好的测试体验WebStorm在运行测试时,您可以在编辑器中看到测试是否通过（新的测试状态图标将会显示）。代码风格新的代码风格选项JavaScript和TypeScript的代码风格选项现在将更加灵活多样。支持标准代码风格WebStorm现在将支持标准代码风格JavaScript Standard Style了。输入整理输入JavaScript和TypeScript现在可以通过模块或文件名称的字母顺序分类执行来优化输入。TSLint support改进TSLint集成添加TSLint-powered quick-fixes支持。JavaScript & TypeScript模块依赖关系图概述应用程序结构,现在可以使用可视化模块依赖关系（一个文件,文件或文件夹）。右键单击一个文件或目录中的项目视图,然后选择图表,展示图。工具package.json模块完善现在WebStorm在package.json file项目中显示了包名，以及他们的描述和最新版。其他改进编辑器中支持emoji表情了找到路径对话框中更新即时预览配置Dart SDK路径为每个单独的项目一些其他细节的改动此外，还有一些其他功能的改进以及bug的修复，如需了解完整更新内容，可以访问进行查看（英文）。
更新时间: 11:10:02 | 录入时间: | 责任编辑:邹家俊
Project Rider
一个全新的基于IntelliJ平台和ReSharper的C# IDE
Upsource这是一个专门为软件开发团队所设计的源代码协作工具。
CLion是一款专为开发C及C++所设计的跨平台IDE。
是一种智能的Objective-C集成开发环境，能帮助iOS/OS X开发人员轻松愉快地进入iOS开发的最佳状态,
屡获大奖且被誉为世界上最著名的VS代码生成工具
IntelliJ IDEA
IntelliJ在业界被公认为最好的Java开发平台之一，在智能代码助手、代码自动提示、重构、J2EE支持、Ant、JUnit、CVS整合、代码审查、 创新的GUI设计等方面表现突出,并支持基于Android平台的程序开发。
RubyMine 集合了Ruby 和 Rails的整合开发 IDE
Altova MobileTogether
跨平台移动开发框架
Project Rider
一个全新的基于IntelliJ平台和ReSharper的C# IDE
SharePoint Create & Clone AD User Account Web Part
可快速创建、克隆活动目录和SharePoint用户帐户的Web组件。
Apache Falcon是一个用于管理Hadoop集群数据生命周期的框架。
Impala是一个Java企业应用程序开发动态模块框架。
Hadoop MapReduce是一个处理大数据并行的软件框架。
IBM MobileFirst Platform Foundation
帮助企业实施移动战略，提供全面的开放式平台，用于开发、测试、保护和管理本机、混合及移动 Web 应用。
IBM InfoSphere Streams
高效捕获和分析动态数据的软件平台
VB Friend是运行在Visual Basic 6的插件，可加速VB代码的编写。
Blu Age Deliver
Blu Age Deliver 是与Blu Age相关的持续性集成链的软件解决方案
服务与支持
重庆 / 023-
北京 / 010-
400-700-1020
慧都旗下网站
慧都科技有限公司 版权所有 Copyright
100%正版软件
400-700-1020