Vue-Tailwind-Webpack-Template前端模板集成
vue 项目的起手模板,整合了 TailwindCSS 和 Webpack,开发 SPA 挺顺手的。vue-tailwind-webpack-template 这个仓库我已经用了好几个月了,基本每天都会拿它跑一下 demo 或写个小工具,响应快、结构清晰,还能直接改成生产项目用。
TailwindCSS 的按需加载,搭配 webpack
配置得比较精简,不臃肿,打包速度还挺快。样式写法灵活,想改风格直接改类名就行,不用翻一堆 CSS 文件。
可复用的 UI 组件也有,比如按钮、输入框这些,不用每次都重新写,改改样式就能用了。还内置了 FontAwesome PRO 图标,图标集挺全的,开发后台或管理系统方便。
集成了 Push-based 路由导航,写起单页应用(SPA)顺手,URL 清晰,刷新不丢状态。如果你用来写 admin 面板或者内容管理系统,基本不用再额外改啥。
组件文档生成也支持,跑个 npm run docs:dev
,直接浏览器打开 http://127.0.0.1:8080
就能看文档,适合多人协作,别人也能快速上手。
如果你在找一个结构清爽、上手快、还能拓展的 Vue+Tailwind+Webpack 项目模板,这个可以一试。用它来做原型或者直接上生产都挺靠谱的。
另外推荐几篇相关文章,如果你还不太熟 Webpack 或 SPA:
242.43KB
文件大小:
评论区