zoukankan      html  css  js  c++  java
  • node中console自定义样式

      最近公司的项目一直使用gulpfile打包,项目会有三种项目打包(生产环境)和监听(开发环境)两种过程,同时需要清除文件夹,希望打包时增加提示以便区分,暂时分为上述三种提示打包、监听、清除。

    先上code

    gulp.task('clean', function () {
      console.log('33[41;37m CLEAN 33[40;31m 完成清除33[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('33[44;37m WATCH 33[40;34m 监听中...33[0m')
      })
    })
    
    gulp.task('build', ['html', 'js', 'css', 'img'], function () {
      console.log('33[42;30m DONE 33[40;32m 打包完成33[0m')
    })

    效果如下

    注意代码中的console.log,自定义样式主要就是如上配置,例如

    其中33 ***** 33中间为自定义样式内容,[0m 表示关闭所有属性,其中42;30 分别对应背景颜色与字体颜色,具体设置可以参考

    字色编号:30黑,31红,32绿,33黄,34蓝,35紫,36深绿,37白色
    背景编号:40黑,41红,42绿,43黄,44蓝,45紫,46深绿,47白色

    自定义标识如下

    33[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 清除从光标到行尾的内容
  • 相关阅读:
    luogu2568GCD题解--欧拉函数
    POJ1845Sumdiv题解--约数之和
    luogu1731生日蛋糕题解--恶心剪枝
    luogu1156垃圾陷阱题解--背包DP
    CF336C-Vasily the Bear and Sequence题解--贪心
    luogu2261余数求和题解--整除分块
    UVA10140PrimeDistance题解--质数/技巧
    CSP2019 游记
    CSP-SJX2019 和积和
    NOIP2018 游记
  • 原文地址:https://www.cnblogs.com/qingfengliuyun092815/p/11304300.html
Copyright © 2011-2022 走看看