vite实现终端自定印打印文字

1.安装插件picocolors,一个可以修改终端字符颜色的npm包

cnpm add picocolors

2.新建自定义插件文件(viteBuildInfo.ts)

import type { Plugin } from "vite";
import { green, blue, bold } from "picocolors";
export function viteBuildInfo():Plugin{
	return {
		name:'vite:buildInfo',
		buildStart(){
			console.log(bold(green(`欢迎使用${blue('vue')},感觉不错的哈请给个赞呗`)))
		}
	}
}

3.也可以使用艺术字来替换文本
https://www.bootschool.net/ascii-art/animals

                         ___                 
                     .-'`     `'.            
              __    /  .-. .-.   \           
           .'`__`'.| /  ()|  ()\  \          
          / /`   `\\ |_ .-.-. _|  ;  __      
          ||     .-'`  (/`|`\) `-./'`__`'.   
          \ \. .'                 `.`  `\ \  
           `-./  _______            \    ||  
              | |\      ''''---.__   |_./ /  
              ' \ `'---..________/|  /.-'`   
               `.`._            _/  /        
                 `-._'-._____.-' _.`         
                  _,-''.__...--'`            
              _.-'_.    ,-. _ `'-._          
           .-' ,-' /   /   \\`'-._ `'.       
         <`  ,'   /   /     \\    / /        
          `.  \  ;   ;       ;'  / /_        
    __   (`\`. \ |   |       ||.' // )       
 .'`_ `\(`'.`.\_\|   |    o  |/_,'/.' )      
/ .' `; |`-._ ` /;    \     / \   _.-'       
| |  (_/  (_..-' _\    `'--' | `-.._)        
; \        _.'_.' / /'.___.; \               
 \ '-.__.-'_.'   ; '        \ \              
  `-.,__.-'      | ;         ; '             
                 | |         | |             
                 | |         / /mx           
               .-' '.      ,' `-._           
             /`    _ `.   /  _    `.         
            '-/ / / `\_) (_/` \  .`,)        
             | || |            | | |         
             `-'\_'            (_/-'                                                       

4.vite.config.ts中引入viteBuildInfo.ts插件即可
只需要在plugin內引入就可以了,就不贴代码了

你可能感兴趣的:(vite,javascript,vue.js,前端)