随笔分类 -  安装工具/插件

摘要：代码库地址：https://github.com/vform666/variant-form3-vite 运行项目 variant-form3-vite 报错 环境依赖 进入 variant-form3-vite 项目，执行 pnpm i 报错： error when starting dev se 阅读全文

摘要：Stylelint 是一个强大的样式检查工具，它可以帮助开发者避免在 CSS/SCSS/LESS 样式表中出现错误和低效的代码。下面是一些学习 Stylelint 的建议。 1. 安装和配置 首先，你需要安装 Stylelint。可以通过 npm 或 yarn 来进行安装： npm install 阅读全文

摘要：vite-plugin-purge-icons vite-plugin-purge-icons 是一个 Vite 插件，用于按需加载 SVG 图标。类似于 TailwindCSS + PurgeCSS，但作用于图标。它会分析你的源代码或打包后的文件，提取出你使用的图标名称，然后将这些需要的图标数据（ 阅读全文

摘要：Tailwind CSS 和 windicss 都是基于 utility-first 的 CSS 框架，它们有着相似的设计原则和使用方法。但是它们也有一些不同之处： 文档和社区支持：Tailwind CSS 拥有强大的文档和社区支持，而 windicss 的文档和社区相对较小。这意味着使用 Tail 阅读全文

摘要：运行html文件(open in browser) 运行快捷键： Alt+B px转rem(px2rem) 将括号变色，便于观察(Bracket Pair Colorizer) 改变对齐线颜色(Guides) 阅读全文

摘要：PostCSS是一个用JavaScript编写的工具，它可以转换CSS代码，并支持使用JavaScript编写插件来扩展其功能。 autoprefixer 自动添加CSS浏览器前缀的插件，可以根据Can I Use网站的数据，自动添加适当的前缀，以兼容不同的浏览器。 cssnano 一个优化和压缩C 阅读全文

摘要：postcss postcss是一个用JavaScript编写的工具，它可以转换CSS代码，并支持使用JavaScript编写插件来扩展其功能。它被设计为可扩展的，可以轻松地添加新的转换规则和插件，以满足不同的需求。 autoprefixer autoprefixer 自动添加CSS浏览器前缀的插件 阅读全文