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內引入就可以了,就不贴代码了