es6环境搭建

es6环境搭建(用的visualstudiocode编辑器)

1 创建src文件夹

2 创建dist文件夹

3 src中创建index.js 

let a = 1；

console.log(a);

4 根文件夹中创建index.html

输入html选择html:5

5 命令行输入 npm init -y  初始化 会自己创建一个package.json文件

修改文件中的 script下的东西改为 "bulid"："babel src/index.js -o dist/index.js";

6 安装转换插件

npm install -g babel-cli

npm install babel-preset-es2015

查看package.json文件中是否多了dependencies这个参数  有这个参数代表成功

7 根目录创建 .babelrc 文件   文件中写入

{

     "presets":[

         "es2015"     //这还可以加别的

     ],

     "plugins":[]

}

8 转换   npm run bulid

基本照着上面来就可以搭建成功。