ES6
至今已经算是比较很火了, 也多了很多新功能,比如块级作用域、常量、箭头函数等等, 虽然我们写的是ES6
, 但是一般都会转换成ES5
,有两款比较出名的插件可以用来转换:Babel
和jspm
, 那么这里就使用Babel
来转换
安装 Babel
不管的 Babel
还是 jspm
都是基于 Node
的 npm
(ps:npm
是 Node
的一款包安装工具,地位等同于 Python
的 pip
,Ruby
的 gem
) 安装的,如果没有安装 Node
的话,建议先去安装一个 Node
, 然后再继续,那么我们怎么才能知道是否安装了 Node
以及 npm
,很简单,打开命令行,输入 node -v
以及 npm -v
:
那么,接下来我们就可以安装我们的 Babel
了,
npm install babel-cli -g
// -g 表示全局安装
当然,仅仅是这个还是不够的,我们还需要在项目中执行下 npm init
,然后一路回车,最后选择 yes ,最后会在项目的文件中产生一个 package.json
的文件,我们还需要再次安装
npm install babel-cli --save-dev
npm install babel-preset-es2015 --save-dev
// --save-dev 表示是安装项目中的开发环境
你会发现,安装完折线,还没有完,这时候,你是不是要骂娘了,其实还有最后一步,我们需要在项目的路径中创建一个 .babelrc
这么文件,然后在里面写入:
{
"presets" : [
"es2015"
]
}
这样就可以了,然后接下来只需要执行一条命令
babel es6file.js -o es2015.js
OK, 通过 Babel
将 Es6
转换成 Es5
就是这么简单
网友评论