vue-tailwind-starter Vue+Tail
vue 和 tailwind 的组合,真的蛮适合快速开干项目的。vue-tailwind-starter
这个模板就挺省事,搭了 webpack 的架子,顺手接上了Tailwind CSS
和Zondicons
图标库。你省得自己一堆配置瞎折腾,拉下来就能跑,响应也快,适合懒人(我说我自己哈)。
用法也简单,命令一敲:
vue init row-and-table/vue-tailwind-starter my-project
cd my-project
npm run dev
整个流程顺畅,没啥坑。热重载开箱即用,写一保存浏览器立马更新。顺风的tailwind.js
也放在根目录,想怎么调主题配色随你改,方便得。
main.css
里你还能加自己常用的工具类,写习惯了像text-center
、mt-4
这种,贴上就能用,不用来回翻文档。Zondicons 也预置好了,不够用你也可以随便换其他图标库,结构清晰不缠脚。
兼容的是 Vue 2,有些朋友已经用 Vue 3 了,那你要不就升级,要不就找个 Vue 3 的 starter,比如vue-cli-plugin-vue-next。不过如果你现在用的项目还是 Vue 2,那这个模板还是挺香的。
提醒下:如果你本地没装vue-cli
,先来一发npm install -g @vue/cli
。整个过程就水到渠成了,适合做练手项目、企业内网小工具之类的。
205.18KB
文件大小:
评论区