前端笔记1 使用 babel 将 ES6 代码转为 ES5

运行环境

• Node.js
• Visual Studio Code

ES6 新特性

ES6 是 2015 年推出的，虽然距离现在已过去了七年，但是该版本相对比 ES5 添加了许多新特性，能满足大部分的开发需求，故有很广的运用范围，就跟 Java 中的 JDK8 类似。
ES6的新特性包括：

• 新的定义方式 const、let
• 箭头函数
• 解构赋值
• 模板字符串
• Symbol 数据类型
• 新的数据结构 Set 和 Map
• Promise 异步编程解决方案
• Iterator 迭代器 和 for…of 遍历迭代器
• Class ，面向对象编程
• 模块化编程

…等等

使用 babel 对 ES6 代码转为 ES5

项目结构：

|—— dist 存放转码后的结果目录
|
|—— src	存放资源文件
|      |—— demo.js 测试的ES6代码 
|   
|—— .babelrc	 Babel 的配置文件

安装 babel

babel 是转码器，支持将 高版本ECMAScript（简称ES） 的代码转换成 ES5 的代码，ES5 的代码在不同的浏览器上的兼容性比 ES6 的代码好一些，但是性能不如高版本。

第一步，使用 node 的命令安装 babel 脚手架工具

npm