WEB前端：ES6（1）：概念、ES6编程环境搭建

概念

参考
https://es6.ruanyifeng.com/#docs/intro

ES6 既是一个历史名词, 也是一个泛指, 含义是5.1版以后的JavaScript的下一代标准, 
涵盖了ES2015、ES2016、ES2017等等

---

ES6编程环境搭建

1.1 用浏览器调试

1.2  NodeJS调试
在vscode安装code runer拓展，可以直接运行代码
选择代码，点run Code就可以输出

---

1.3使用Babel编译

1.3使用Babel编译（掌握） 

1 下载安装 
     cnpm -g install babel-cli
-g安装的东西，我们叫做CLI程序，commond line interface，命令行接口。
这些命令可以在CMD窗口中使用。安装后检查babel是否安装成功：
查看版本 babel --version
卸载 npm -g uninstall babel-cli

#2、 需要安装ES6
 cnpm install  babel-preset-es2015 babel-preset-env

 #3、 创建.babelrc文件
   现在，在你的项目的根目录创建一个文件，叫做.babelrc文件。
   rc表示resource资源的意思。
	
{
    "presets": ["es2015","env"], 
    "plugins": [] 
}



#4、编译
#编译单ES6文件
babel 源文件名称 -o 输出目录/文件名
babel 1.js -o dist/es6.js

#编译目录下的所有ES6文件
babel 源目录 -d 输出目录
babel src -d dist