1.安装nodejs

2.npm install --save-dev babel-cli

3.npm install babel-preset-es2015 --save-dev

4.phpstorm->settings->language&framework->javascript->ecmaScript6

5.phpstorm->settings->tools->file Watchers->"+ Babel"

建议file type选择ecmascript6 使用*.es6文件编写es6 编译后生成*.js 这样避免*.js编译后仍然生成*.js

在工程目录下新建.babelrc 添加配置

配置

{ "presets": ["es2015"] }

编写一个es6文件报错，如下:



改写相应文件


												


											
phpstorm 配置 babel 支持EcmaScript6的更多相关文章
	

    
								
  1. webpack配置：增加babel支持、打包后调试
		
    一.babel支持 Babel其实是几个模块化的包,其核心功能位于称为babel-core的npm包中,webpack可以把其不同的包整合在一起使用,对于每一个你需要的功能或拓展,你都需要安装单独的包 ...
    
		
    2. 
						
  2. PHP IDE PHPStorm配置支持友好Laravel代码提示方法
		
    PHPStorm神器可以支持更友好的laravel框架代码提示(点击查看),只需要执行如下才做:第一步:在项目的composer.json中添加如下一行 代码如下: "require&quo ...
    
		
    3. 
						
  3. 配置babel
		
    配置babel ECMAScript的版本,每年都会定期举行会议,发布各种标准,当前版本到了2019,但大部分人使用的浏览器,都可以支持es2015,也就是es6,要等到大部分浏览器都支持到最新版本, ...
    
		
    4. 
						
  4. Atitit phpstorm配置attilax总结
		
    Atitit phpstorm配置attilax总结 1. 前期准备 1 1.1. 配置interpreter 1 1.2. debug需要xdebug的支持,不管是script模式还是web模式 3 ...
    
		
    5. 
						
  5. (15/24) 为webpack增加babel支持
		
    Babel是什么? Babel是一个编译JavaScript的平台,它的强大之处表现在可以通过编译达到以下目的: 使用下一代的javaScript代码(ES6,ES7-.),即使这些标准目前并未被当前 ...
    
		
    6. 
						
  6. webpack快速入门——给webpack增加babel支持
		
    1.Babel的安装与配置 Babel其实是几个模块化的包,其核心功能位于称为babel-core的npm包中,webpack可以把其不同的包整合在一起使用,对于每一个 你需要的功能或拓展,你都需要安 ...
    
		
    7. 
						
  7. 为 PhpStorm 配置 Xdebug 来调试代码
		
    当项目越来越复杂,排错就越发困难. 你以为代码是这么运行的,但就是有未想到的功能导致流程变得不可捉摸. 此时我们需要调试啊调试... PhpStorm 是一款优秀的 PHP IDE,排除其 Java  ...
    
		
    8. 
						
  8. 使用webpack从0搭建多入口网站脚手架，可复用导航栏/底部通栏/侧边栏，根据页面文件自动更改配置，支持ES6/Less
		
    之前只知道webpack很强大,但是一直没有深入学习过,这次从头看了一下教程,然后从0开始搭建了一个多入口网站的开发脚手架,期间遇到过很多问题,所以有心整理一下,希望能给大家一点帮助. 多HTML网站 ...
    
		
    9. 
						
  9. webpack配置babel篇
		
    babel-polyfill & babel-runtime & babel-preset-env babel-core babel-core 的作用是把 js 代码分析成 ast , ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. js③
			
    while(true){ console.log('hello'); }/每次执行完语句块之后,又会跳回去检查小括号里面的布尔值,如果为true,那么又会执行语句块一次. //while循环//var ...
    
			
    2. 
						
  2. 第二篇——The communication during software engineering.
			
    I've learned a lot in my software engineering class about how a program comes out.That's also a esse ...
    
			
    3. 
						
  3. spring 整合 spring mvc
			
    需要进行 Spring 整合 SpringMVC 吗 ? 还是否需要再加入 Spring 的 IOC 容器 ? 是否需要再 web.xml 文件中配置启动 Spring IOC 容器的 Context ...
    
			
    4. 
						
  4. Python学习路程-常用设计模式学习
			
    本节内容 设计模式介绍 设计模式分类 设计模式6大原则 1.设计模式介绍 设计模式(Design Patterns) ——可复用面向对象软件的基础 设计模式(Design pattern)是一套被反复 ...
    
			
    5. 
						
  5. 【分析】Parcelable的作用
			
    一.介绍 1.Parcelable是一个接口,可以实现序列化. 2.序列化的作用体现在:可以使用Intent来传递数据,也可以在进程建传递数据(IPC). 3.Parcelable在使用的时候,有一个 ...
    
			
    6. 
						
  6. YARN资料收集
			
    hdfs2的HA:  http://www.cnblogs.com/meiyuanbao/p/hadoop2.html
    
			
    7. 
						
  7. python27（32位）安装RTree
			
    一开始用pip install -r requirements.txt 报错:OSError: could not find or load spatialindex_c.dll 1)从以下链接下载编 ...
    
			
    8. 
						
  8. ReportViewer改变图表类型
			
    /// <summary>    /// 切换成柱状图    /// </summary>    /// <param name="sender"&g ...
    
			
    9. 
						
  9. Unity3d游戏场景优化杂谈（2）
			
    动态实时灯光相比静态灯光,非常耗费资源.所以除了能动的角色和物体(比如可以被打的到处乱飞的油桶)静态的地形和建筑,通通使用Lightmap. 强大的Unity内置了一个强大的光照图烘焙工具Beast, ...
    
			
    10. 
						
  10. XenServer安全重启xapi的方法
			
    XenServer安全重启xapi的方法 2012-11-29 12:58:07|  分类: 虚拟化-XenServer|字号 订阅 平常我们很常用到重启xapi命令,在这介绍下xapi: XAPI( ...
    
			
    11.