vue-tailwind-starter Vue+Tail

vue 和 tailwind 的组合,真的蛮适合快速开干项目的。vue-tailwind-starter这个模板就挺省事,搭了 webpack 的架子,顺手接上了Tailwind CSSZondicons图标库。你省得自己一堆配置瞎折腾,拉下来就能跑,响应也快,适合懒人(我说我自己哈)。

用法也简单,命令一敲:

vue init row-and-table/vue-tailwind-starter my-project
cd my-project
npm run dev

整个流程顺畅,没啥坑。热重载开箱即用,写一保存浏览器立马更新。顺风的tailwind.js也放在根目录,想怎么调主题配色随你改,方便得。

main.css里你还能加自己常用的工具类,写习惯了像text-centermt-4这种,贴上就能用,不用来回翻文档。Zondicons 也预置好了,不够用你也可以随便换其他图标库,结构清晰不缠脚。

兼容的是 Vue 2,有些朋友已经用 Vue 3 了,那你要不就升级,要不就找个 Vue 3 的 starter,比如vue-cli-plugin-vue-next。不过如果你现在用的项目还是 Vue 2,那这个模板还是挺香的。

提醒下:如果你本地没装vue-cli,先来一发npm install -g @vue/cli。整个过程就水到渠成了,适合做练手项目、企业内网小工具之类的。

zip 文件大小:205.18KB