现在ES6发布有一段时间了，很多人学了ES6却没有运行环境。今天有时间写了一个可以运行ES6的运行环境。要配置node+npm，你必须先在机器上安装node+npm。你应该知道如何安装它。文件目录在此不再赘述。安装node+npm后，在新建项目中输入npminit-yes自动生成package.json文件，然后添加依赖开发包，如下："devDependencies":{"babel-polyfill":"^6.9.1","babel-preset-es2015":"^6.6.0","gulp":"^3.9.1","gulp-babel":"^6.1.2","gulp-browserify":"^0.5.1","gulp-connect":"^3.2.3","gulp-rename":"^1.2.2","gulp-sync":"^0.1.4","gulp-uglify":"^1.5.3"}然后新建一个app文件夹，在文件中新建一个写ES6文件夹，然后就可以在里面写ES6文件了，可以.js或者.es6结尾。写好js文件后，开始写gulpfile.js文件，在app文件夹同级目录新建gulpfile.js文件。粗略的文件目录结构，如图：编写gulp文件vargulp=require('gulp'),babel=require('gulp-babel'),connect=require('gulp-connect'),browserify=require('gulp-browserify'),uglify=require('gulp-uglify'),rename=require('gulp-rename'),gulpsync=require('gulp-sync')(gulp);//定义解析任务es6一饮而尽。task('compile-es6',function(){returngulp.src('app/es6/*').pipe(babel({presets:['es2015']})).pipe(gulp.dest('app/js'));});//打包解析后的jsgulp.task('pack-js',function(){returngulp.src('app/js/main.js').pipe(browserify()).pipe(uglify()).pipe(rename('app.js')).pipe(gulp.dest('app/bundle'));});//定义监控任务gulp.task('watch',function(){gulp.watch('./app/es6/*',gulpsync.sync(['compile-es6','pack-js']));})//启动服务端口3000gulp.task('server',gulpsync.sync(['compile-es6','pack-js','watch']),function(){connect.server({root:'app',port:3000,livereload:真的}）;}）;从'./hello'编写ES6代码main.es6import{greet};greet('ES6').then((res)=>{document.getElementById('content').innerHTML+=res;});hello.es6functiongreet(name){returnnewPromise((resolve,reject)=>{setTimeout(()=>{resolve('hello'+name);},1000);});}exports.greet=greet;具体代码可以参考我的github，https://github.com/IOJINDD/ES...
