1、前提是你已经安装了node，npm2。手动创建工作目录dist,src,index.html下面是index.html的内容
3.在src目录下新建一个index.js，写我们的es6代码classCar{constructor(maker,price){this.maker=maker;这个.price=价格；}getInfo(){console.log(this.maker+"costs"+this.price);}}varcar1=newCar("me",100);car1.getInfo();varcar2=newCar("he",100000);car2.getInfo();4.接下来我们需要将es6语法编译成我们浏览器可以识别的语法es5文件，然后使用我们神奇的babel。在安装babel之前，我们需要初始化项目npminit-y5全局安装babel-cli，输入如下命令：cnpminstall-gbabel-cli此时包文件中有babel依赖。你以为安装babel-cli就结束了吗？可以运行babelsrc/index.js-odist/index.js你会发现在dist.js文件下确实生成了一个索引，不过还是es6语法，我们再安装一个转换包cnpminstall--save-devbabel-preset-es2015babel-cli安装完成后我们的json文件会有依赖，touch.babelrc执行这个命令创建一个文件，在这个文件中写入如下代码{"presets":["es2015"],"plugins":[]}好了，现在去执行刚才的命令babelsrc/index.js-odist/index.js你会发现我们的es6代码已经转成es5代码了，每次都执行这么长的命令是不是有点太麻烦了，我们现在修改一下pakage.json文件{"name":"es6","version":"1.0.0","description":"","main":"index.js","scripts":{"build":"babelsrc/index.js-odist/index.js"},"keywords":[],"author":"","license":"ISC","devDependencies":{"babel-cli":"^6.26.0","babel-preset-es2015":"^6.24.1"}}现在我们可以运行npmrunbuild
