1、新建工程初始化项目es6
1.新建工程文件夹这里起名叫作es6,而后在里面建立两个文件夹分别为src 、dist以下图:(src为待转换es6 js存放目录,dist为编译完成后的es5 js存放目录)npm
二、在src目录下新建一个js文件,里面输入es6的代码json
3. 初始化项目babel
npm init 工具
2、全局安装babel工具ui
1)在终端中输入如下命令,es5
npm install -g babel-cli插件
2)安装转换包rest
npm install --save-dev babel-preset-es2015 babel-cliorm
3)在实际项目中es6转es5后可能出现Object.assign()未定义,所以还需安装Babel套件与插件
1 安装 (适用于Object.assign() 的插件)
npm install babel-plugin-transform-object-assign
2.安装 (适用于展开运算符 的插件)
npm install babel-plugin-transform-object-rest-spread
3、新建.babelrc
4、修改package.json