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. RankLib参数翻译
			
    写在前面,metric2t指标详解: NDCG(Normalized discounted cumulative gain)即DCG/IDCGCG(cumulative gain)DCG(Discou ...
    
			
    2. 
						
  2. WebSocket通信协议
			
    var ws = new WebSocket("ws://echo.websocket.org"); ws.onopen = function(){ws.send("Te ...
    
			
    3. 
						
  3. Linux (centos )下Nginx+PHP+MySQL配置——自己的lnmp配置
			
    说明:所有软件都是从官网上下载最新版的stable版本 ##################### 获取最新源码包###################### #建立独立的webserver#mkdi ...
    
			
    4. 
						
  4. SQLAutoCode - error when attempting to generate schema
			
    I'm trying to auto generate a schema for use in SQLalchemy, I'm using sqlautocode to do this, I use  ...
    
			
    5. 
						
  5. POJ1385 计算多边形的重心
			
    point gravity_center(point* p,int n) {    double area=0.0;    point ZERO;    ZERO.x = 0;    ZERO.y = ...
    
			
    6. 
						
  6. day05 java JDBC案例—Android小白的学习笔记
			
    1.要从键盘录入用户名与密码我们需要使用Scanner类完成操作 2.接收到用户名与密码后,我们需要调用jdbc程序根据用户名与密码查询数据库 User.java package com.superg ...
    
			
    7. 
						
  7. LPTHW 结束了
			
    基本上在学习了LPTHW的 类 继承 和 合成以后基本就结束. 后面几章都是根据web.py进行网页编程,以及自动化测试的.目前来看不太感兴趣. 稍后我可能找个实际项目进行锻炼下,比如 Crossin ...
    
			
    8. 
						
  8. 3G数据请求
			
    //  该类负责发送2G/3G Http请求的数据 #import <Foundation/Foundation.h> #import "ASIHTTPRequest.h&quo ...
    
			
    9. 
						
  9. Thread1:EXC_BAD_ACCESS 错误
			
    描述:野指针,在对象被释放之后又调用了该对象 场景:在某个UIVIewController释放之后有调用了该Controller的某些方法. 由于项目需求需要监控WebView的滚动,所以在控制器中给 ...
    
			
    10. 
						
  10. python 输出十六进制中文乱码
			
    代码中红色字体为解决方案: #-*-coding:utf-8-* import csv filename='C:\Users\yaru\Desktop\Senti_Value(1).csv' data ...
    
			
    11.