es6的使用1、与html配合使用在文件夹中分别建立src文件、dist文件，src文件用来防置我们缩写的es6语法，d

1、与html配合使用

在文件夹中分别建立src文件、dist文件，src文件用来防置我们缩写的es6语法，dist中用来存放由es5编译之后的，以及index.htm文件，该文件用来引入js文件
使用npm init进行npm初始化，在初始化完成之后，下载编译的插件以及创建初始文件

要下载的插件：babel-cli、babel-preset-es2015

文件：.babelrc 该文件不可以写注释
```
{
    "presets":[  
        "es2015"  //编译为es6版本、也可以编译为其他版本
    ],
    "plugins":[]  //存放插件，必选项
}
```

在package.json中进行配置：打包命令

{
  "name": "learn-es6",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "babel src/index.js -o dist/index.js"   //这里为的打包的命令
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "babel-cli": "^6.26.0",
    "babel-preset-es2015": "^6.24.1"
  }
}


- 每次做完一系列的代码操作之后，使用`npm run build`进行编译打包，然后正常访问index.html文件

Document //重点这里引入的是dist文件的内容 ```

2、使用live-server前端自动更新服务器实现

使用npm init进行npm初始化，在初始化完成之后，下载编译的插件以及创建初始文件

要下载的插件：babel-cli、babel-preset-es2015
首先安装live-server,然后通过live-server命令启动

然后分别建立index.js、.babelrc文件

{
    "presets":[  
        "es2015"  //编译为es6版本、也可以编译为其他版本
    ],
    "plugins":[]  //存放插件，必选项
}

在index.js文件做完一系列操作之后，live-server就会实时更新

3、使用babel-node命令

在文件夹中建立src文件，src文件用来放置我们缩写的es6语法
使用npm init进行npm初始化，在初始化完成之后，下载编译的插件以及创建初始文件

要下载的插件：babel-cli、babel-preset-es2015

文件：.babelrc 该文件不可以写注释
```
{
    "presets":[  
        "es2015"  //编译为es6版本、也可以编译为其他版本
    ],
    "plugins":[]  //存放插件，必选项
}
```
在index.js中做完一系列操作之后使用babel-node进行运行