ECMA Script 6开发环境搭建

声明：跟着技术胖学习ES6,此处是在记录笔记。
原文链接：http://jspang.com/2017/06/03/es6/
前提：电脑已经配置过npm 和cnpm 本文解释并不详细，详情请移步原文。

初始化项目

 npm init -y    //-y代表全部默认同意

全局安装Babel-cli

 npm install -g babel-cli

本地安装babel-preset-es2015 和 babel-cli

npm install --save-dev babel-preset-es2015 babel-cli    //babel-preset-es2015 开发者起的名称

新建.babelrc

{
  "presets":[
      "es2015"  //转换形式  vue等也可以写
  ],
  "plugins":[]  //插件支持，此处不需要插件，但是要写选项
}

转换命令，ES6转化为ES5的语法

babel src/index.js -o dist/index.js

其他

不想每次都输入babel src/index.js -o dist/index.js 太繁琐 ，可以简化为 npm run build 方法如下：
package.json 文件里

"scripts": {
  "test": "echo \"Error: no test specified\" && exit 1"
},

更改为

"scripts": {
  "build": "babel src/index.js -o dist/index.js"  //把常用命令输入在此
},