Vue 项目使用 tailwindcss

相关文章推荐

酒量大的饭卡 · 使用Vue3和Electron实现进程通讯， ...· 3 周前 ·

高大的匕首 · SQL优化终于干掉了“distinct”-腾 ...· 7 月前 ·

刀枪不入的生姜 · jquery普通数组排序 ...· 1 年前 ·

憨厚的日记本 · 报表查询条件的正确打开方式，看到最后不禁会心 ...· 1 年前 ·

鬼畜的椰子 · Android ...· 1 年前 ·

init 之后在项目根目录会生成 tailwind.config.js 和 postcss.config.js 在 vue.config.js 中设置

module.exports = {
  css: {
      loaderOptions: {
        postcss: {
          plugins: [require('tailwindcss'), require('autoprefixer')]
重新运行项目 命令行会报错
Syntax Error: Error: PostCSS plugin tailwindcss requires PostCSS 8.
重新下载一个版本
npm install tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
推荐 VS Code 插件
Tailwind CSS IntelliSense
    学习学习努力学习
        Web前端
       粉丝
 
 目录
 收起
 
 
      推荐 VS Code 插件
    
 
  相关推荐
 笔记-第二十四章-Vue3集成tailwind CSS（自用）
  230阅读
  · 
 0点赞快速上手 vite + vue3+tailwindcss+elementPlus
  1.9k阅读
  · 
 1点赞VueCLI3+项目使用tailwindcss 详细步骤流程
  2.0k阅读
  · 
 0点赞vue2 引入 tailwind
  293阅读
  · 
 1点赞CSS原子化-记第一次使用tailwindcss
  3.2k阅读
  · 
 10点赞
 
   友情链接：

推荐文章

酒量大的饭卡 · 使用Vue3和Electron实现进程通讯，创建窗口并传参_electron vue3 通信-CSDN博客

3 周前

高大的匕首 · SQL优化终于干掉了“distinct”-腾讯云开发者社区-腾讯云

7 月前

刀枪不入的生姜 · jquery普通数组排序 .sort()_jquery .sort-CSDN博客

1 年前

憨厚的日记本 · 报表查询条件的正确打开方式，看到最后不禁会心一笑 - 知乎

1 年前

鬼畜的椰子 · Android 实现应用程序最小化到后台运行_cangchen的博客-CSDN博客

1 年前