1、创建一个项目目录
2、全局安装Traceur,在控制台输入
npm install -g traceur
3、打开项目目录,安装gulp以及gulp-traceur插件
npm install -g gulp
npm install gulp gulp-traceur –save-dev
4、创建package.json文件 npm init,在项目根目录创建gulpfile.js
var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var traceur = require('gulp-traceur'); // Static Server + watching scss/html files
gulp.task('serve', ['traceur'], function() {
browserSync.init({
server: "./"
}); gulp.watch("build/**/*.js", ['traceur']); }); gulp.task('traceur', function(){
return gulp.src('build/*.js')
.pipe(traceur({exprimental: true}))
.pipe(gulp.dest('js'));
}); gulp.task('default', ['serve']);
5.运行 gulp
参考文章
http://www.cnblogs.com/lilycn/p/5702213.html
需要注意:
1、有可能提示没有安装browser-sync,我是*安装的没有*的时候安装了半天没有成功,*之后瞬间OK。