最近公司的项目一直使用gulpfile打包，项目会有三种项目打包（生产环境）和监听（开发环境）两种过程，同时需要清除文件夹，希望打包时增加提示以便区分，暂时分为上述三种提示打包、监听、清除。
先上code
gulp.task(‘clean‘, function () { console.log(‘\033[41;37m CLEAN \033[40;31m 完成清除\033[0m‘) return gulp.src(‘dist‘).pipe(clean()) }) gulp.task(‘auto‘, [‘clean‘], function () { gulp.run(‘build‘, function () { gulp.watch(SRC + ‘*.html‘, [‘html‘]) gulp.watch(SRC + ‘js/*‘, [‘js‘]) gulp.watch(SRC + ‘css/*.css‘, [‘css‘]) gulp.watch(SRC + ‘images/*‘, [‘img‘]) console.log(‘\033[44;37m WATCH \033[40;34m 监听中...\033[0m‘) }) }) gulp.task(‘build‘, [‘html‘, ‘js‘, ‘css‘, ‘img‘], function () { console.log(‘\033[42;30m DONE \033[40;32m 打包完成\033[0m‘) })
效果如下
注意代码中的console.log，自定义样式主要就是如上配置，例如
其中\033 ***** \033中间为自定义样式内容，[0m 表示关闭所有属性，其中42；30 分别对应背景颜色与字体颜色，具体设置可以参考
字色编号：30黑，31红，32绿，33黄，34蓝，35紫，36深绿，37白色
背景编号：40黑，41红，42绿，43黄，44蓝，45紫，46深绿，47白色
自定义标识如下
\033[0m 关闭所有属性 \033[1m 设置高亮度 \033[4m 下划线 \033[5m 闪烁 \033[7m 反显 \033[8m 消隐 \033[nA 光标上移n行 \033[nB 光标下移n行 \033[nC 光标右移n列 \033[nD 光标左移n列 \033[y;xH 设置光标位置（y列x行） \033[2J 清屏 \033[K 清除从光标到行尾的内容
原文：https://www.cnblogs.com/qingfengliuyun092815/p/11304300.html