Open-source collection of fully responsive and beautiful HTML components made with VueJS and TailwindCSS. Why use VueTailwind.com? Here are a few reasons: No installation is required! Just browse components, and
添加Tailwind指令到全局css文件中,此处文件地址比如在./src/style.css @tailwind base; @tailwind components; @tailwind utilities; 在main.js入口引入style.css import { createApp } from 'vue' import './style.css' 启动项目 npm run dev 在模板中使用tailwindcss <template> Hello world! </template> ...
使用Tailwind CSS可以通过简洁的class描述HTML样式，从而减少代码量和提高开发速度。博主还阐述了Tailwind CS...
今天,我们通过 Vue.js,Laravel 以及 Tailwind 构建一个简单的 todo 应用。为了节约时间,我们不提供任何的数据交互。但是不要担心,接下来的第二部分将会更加的精彩。 开发准备 首先,我们通过 Laravel CLI 在需要添加项目的目录中运行 laravel new <自定义工程名> 来构建一个项目。Laravel CLI 可以帮我们完成我们所...
注意这里的关键词 —— 实用优先,这是 Tailwind 的最大亮点,不同于其他 CSS 框架(例如 Bootstrap、Foundation、Bulma 等)通过一个预设的「巨型」 class 包含一大堆样式属性,Tailwind 的每个 class 通常只会设置单个样式属性,你需要通...
npx tailwindcss init-p 代码语言:javascript 代码运行次数:0 运行 AI代码解释 module.exports={plugins:{tailwindcss:{},autoprefixer:{},}} 代码语言:javascript 代码运行次数:0 运行 AI代码解释 module.exports={purge:["./src/App.vue","./src/views/**/*.{vue,js,ts,jsx,tsx}","./src/components...
VuePress + TailwindCss + Netlify 重写个人独立博客 建立自己的个人独立博客已经将近七年时间。从一开始的WordPress到更换轻量级的Ghost博客,又到JAMStack的VuePress,xlbd.me也见证了我从一名后端开发者转型成为一名前端开发者。 时至2020,我仍然对前端技术有着痴迷的热情和动力驱使我去发现和学习更有趣、更前沿的前端...
🌱 基于 Vue3 全家桶、TS/JS、Vite 构建工具,开箱即用的移动端项目基础模板 ⚡ Vue3 + Vite5 🍕 TypeScript ✨ Vant4 组件库 🌀 Tailwindcss 原子类框架 👏 集成多种图标方案 🍍 Pinia 状态管理 🌓 支持深色模式 🧀 支持 i18n
Tailwind & utility class support On / Off labels Demo Check out ourdemo. Installation npm install @vueform/toggle Usage with Vue 3 <template> <Togglev-model="value"/> </template> importTogglefrom'@vueform/toggle'exportdefault{components:{Toggle,},data() {return{value:true}}} Using ...
1.3 新建一个postcss.config.cjs文件 输入 module.exports={ plugins:{ tailwindcss:{}, autoprefixer:{}, } } 1.4 安装插件 tailwind css 安装插件Prettier - Code formatter 1.5 npm 安装prettier npm install -D prettier prettier-plugin-tailwindcss ...