一、新建工程初始化项目 　　1.新建工程文件夹这里起名叫做es6,然后在里面创建两个文件夹分别为src 、dist如下图：(src为待转换es6 js存放目录，dist为编译完成后的es5 js存放目录) 2、在src目录下新建一个js文件，里面输入es6的代码 ...

2015年6月ES2015也就是ES6正式发布。这相比于2009年发布的ES5有了重大的改变，ES6提供了很多新特性。但是有一个问题，那就是兼容性。在众多浏览器当中，兼容性参差不齐，其中兼容性最好的要数谷歌（Chrome）和火狐（Firefox）了。 这时候要是想用ES6的新特性又要保证兼容性就得 ...

①新建项目：新建一个es6文件夹，es6下有src和dist文件夹，现在我在src下新建一个index.js，里面写一些es6代码，我后面要将src下的es6转到dist中变成es5　　 ②初始化项目：es6文件夹下打开终端，输入npm init ，一路回车，此时会在src下生 ...

1、建立工程目录 　　src:使用ES6语法编写的JS文件； 　　dist:使用Babel转换成ES5的文件，在项目引用的时候引用的是这个文件夹里边的JS文件 2、初始化项目 　　npm init -y 　　-y是指表示全部默认，不需要一个一个敲回车 3、全局安装 ...

一、 介绍 ECMAScript 6(ES6)的发展速度非常之快，但现代浏览器对ES6新特性支持度不高，所以要想在浏览器中直接使用ES6的新特性就得借助别的工具来实现。 Babel是一个广泛使用的转码器，babel可以将ES6代码完美地转换为ES5代码，所以我们不用等到浏览器的支持就可以在项目 ...

1.使用Babel转码 　　全局安装 npm install -g babel-cli 　　布局安装 npm install -g babel-cli --save-dev 　　 Babel的配置文件是.babelrc，存放在项目的根目录下。使用Babel ...

学习ES6的前置知识： 1、熟练掌握ES5的知识：因为ES6只是ES5的升级，所以你必须对ES5的基本语法达到熟练的程度，如果你还不了解ES5的基本语法，还是脚踏实地地从头开始 2、了解ES6：听说并在工作学习中见过ES6，并了解ES6的用途 为什么要搭建ES6开发环境？ 为什么不像 ...

1 cnpm init -y 2、安装babel祥光核心库，脚手架，预编译模式。---- cnpm i @babel/core @babel/cli @babel/preset-env -D （如果需要兼容ie7以下版本，cnpm i @babel/polyfill ） 3、添加 ...