hbuilder边框代码是什么_使用HBuilder开发前必做的几件事

2. 在弹出的界面就可以开始了，HBuilder官方的注释已经很清楚了，按照模板来就好。原先的示例可以全部注释掉，然后加上自己的。写完保存就可以立马生效了。我写了一段给gulpfile.js用的代码块，如下：

#*********** FOR gulpfile.js begin**************

# for gulp require()

snippet "var pluginname = require('gulp-pluginname')" do |s|

s.trigger = "gv"

s.expansion = "var $1 = require('gulp-$0');"

end

# for gulp gulp.task('',fn)

snippet "gulp.task('name',fn)" do |s|

s.trigger = "gt"

s.expansion = "gulp.task('$1',function(){

gulp.src('$0')

.pipe()

});"

end

#for gulp.src('')

snippet "gulp.src('path')" do |s|

s.trigger = "gs"

s.expansion = "gulp.src('$1')

.pipe($0)"

end

#for gulp.dest('')

snippet ".pipe(gulp.dest('path'))" do |s|

s.trigger = "gd"

s.expansion = ".pipe(gulp.dest('$1'))

$0"

end

#for gulp.watch('',[''])

snippet "gulp.watch('taskName',['taskName']);" do |s|

s.trigger = "gw"

s.expansion = "gulp.watch('$1',['$0']);"

end

#for gulp.task(''fn(){gulp.watch('',[fn])})

snippet "gulp.task('taskName',function(){

gulp.watch('',['taskName']);

});" do |s|

s.trigger = "gtw"

s.expansion = "gulp.task('$1',function(){

gulp.watch('$0',['']);

});"

end

#for gulp.pipe()

snippet ".pipe()" do |s|

s.trigger = "gp"

s.expansion = ".pipe($1)

$0"

end

# for gulp .pipe(pluginname({option}))

snippet ".pipe(pluginname({option}))" do |s|

s.trigger = "gpo"

s.expansion = ".pipe($1({$0}))

.pipe()"

end

#for gulp default task

snippet "gulp.task('default',['taskName'])" do |s|

s.trigger = "gtd"

s.expansion = "gulp.task('default',['$1']);

$0"

#*************** FOR gulpfile.js end**************

**注意**

虽说可以全部清掉官方模板注释，不过该留的东西还是要保留的。起码基本的结构要留下，不能注释，如下图。