用node运行ES6测试环境
准备:
1. 官网下载并安装: node下载地址 https://nodejs.org/en/
2. 配置环境变量: 把node.exe所在目录加入到PATH环境变量中。
3. 命令行执行 node -v 和 npm -v 能出版本号,说明安装成功。
- package.json
- babel-cli
- babel-preset-es2015
- .babelrc
- babel-node
- 新建一个项目,名为ES6TEST,项目目录下新建package.json文件:
(package.json 用于设置当前项目的基础信息和包的依赖)
工作目录下执行npm init
命令,一路填写或跳过得到一个基础的package.json文件。 - 安装babel-cli 和 babel-preset-es2015
工作目录下执行安装命令
$ npm --save-dev install babel-cli
全局也安装一份
$ npm -g install babel-cli
工作目录下新建.babelrc文件,内容如下:
{
"presets": [
"es2015"
],
"plugins": []
}
工作目录下安装 babel-preset-es2015
npm install --save-dev babel-preset-es2015
测试es6代码
工作目录下新建test.js文件,简单输入一段ES6代码:let [a,b,c] = [1,2,3]; console.log(a,b,c);
使用babel-node命令执行test.js文件,在命令行输入:
$ babel-node test
将会输出1,2,3‘
项目结构如下图:
PS:使用Webstorm运行ES6的js文件可直接run,无需输命令。