es6入门篇

学习es6由于工作关系我使用的是vscode ，现在很大一部分人都开始使用这款软件。

这篇文章主要是说的es6的配置环境，以及简单的介绍

直接上图：

第一步：创建一个html代码注意引入的js是dist线面的js，现在dist文件夹下面没有js文件，这就是今天的目的要将一个简单的es6的js转化为es5格式

第二步：Ctrl+~打开终端进项欢迎配置输入 npm init -y 自动生成psckage.json

这个里面的作者啊，描述啊都可以自己写这里我就不上图了，到这里初始化结束。

第三步：开始安装es6转化为二是转化工具Gulp或者使用babel,这里我使用的是babel.

输入这条命令：npm install -g babel-cli 这里的第一次安装最好使用全局安装这里的cli代表的是命令行  网络慢的可以烤炉使用淘宝的镜像（cnpm）

很多黄的的代码0.0直到结束。

接着继续安装  安装es5打包的一个包 npm i --save--dev babel-preset-es2015 babel-cli 本地安装

同上。。。

安装了这么多如何测试是否成功呢  去看package.json文件

是否生成了以下代码

当然，现在还是不可装换为es5。

最后一步在根目录下创建.babelrc这个文件，这个文件类似json对象。

现在就是证明你是否成功的时候：

输入 babel src/index.js -o dist/index.js 就会在dist文件下生成一个es5格式的js文件

每次更新都输这么长是不是很烦躁，所有就可以在package.json里面修改

这样的话你就可以每次只需要执行npm run build就可以转换了

最后附带阮一峰大神的开源书籍的地址 http://es6.ruanyifeng.com/#docs/module