2024-06-11一个 Vue3 的项目，用的是 Vite 打包，通过 npm run dev 运行时，遇到了以下错误（尤其是引入了 Element-Plus 后）：Error: EMFILE: too many open filesunocss 的配置文件 uno.config.js 中，将文件系统属性被映射到项目根目录 / 而不是源码目录 ./src/ ，这导致 unocss 将会扫描整个 node_modules ，这显然太大了。因此，将文件系统路径 **/ 更改为 ./src/ 就解决了问题。_emfile: too many open files, open

https://www.qianduange.cn//article/11891.html 分类：前端知识

2024-06-07通过扫描HTML和CSS并按需生成实用程序，Windi CSS能够在开发中提供更快的加载时间和快速的HMR，并且不需要再生产中进行清除。Windi CSS支持的所有实用程序，无需任何额外配置。unocss是一个具有高性能且极具灵活的即时原子化CSS引擎，具有按需加载的特性。原子化CSS是一种CSS的架构方式，它倾向于小巧且用途单一的class,并且会以视觉效果进行命名。_unocss windicss

https://www.qianduange.cn//article/11203.html 分类：前端知识

2024-05-31unocss 是一个即时的原子化 CSS 引擎，旨在灵活和可扩展。核心是不拘一格的，所有的 CSS 工具类都是通过预设提供的。再也不用为了取一个 classname 类名而烦恼了。_uno.css

https://www.qianduange.cn//article/10209.html 分类：前端知识

2024-05-26@apply 是 CSS 中的一个功能，它允许您将一组样式规则应用于一个选择器。这是一种实验性质的功能，并非所有的 CSS 解析器都支持它，特别是当你使用 PostCSS 和一些unocss/Windcss/Tailwind CSS工作时。 在 VSCode 中遇到 Unknown at rule @applyscss(unknownAtRules) 的信息，可能是因为您的编辑器或其内置的 SCSS Linter 并不识别这一规则。_unknown at rule @applyscss(unknownatrules)

https://www.qianduange.cn//article/9582.html 分类：前端知识

2024-05-20创建新的vite vue3 Element-plus unocss vue-router axios pinia_vue3elementplus 配置unocss

https://www.qianduange.cn//article/8922.html 分类：前端知识

2024-05-09安装unocss在vite.config.ts 中进行引入plugins: [unocss({rules:[// 定义了flex，red 即可直接使用})],})main.ts 中引入App.vue 中 使用

https://www.qianduange.cn//article/7623.html 分类：前端知识

2024-05-05但 Vue 或 React 各自的组件化设计思想，都可以通过各自的组件化拆分来解决代码冗余的问题，使其可适用于各种简单&复杂的业务场景，是一套完善的最佳实践，而原子化CSS 没有办法做组件化拆分的，所以随着业务复杂度的上升，代码冗余迟早会发生，这直接限制了此类框架的普及，所以它无法作为前端CSS问题的根本解决方案。原子化CSS本身的概念和 Tailwind CSS、unocss[2] 设计都比较简单，这里主要想聊一下在现代前端中，原子化CSS到底是不是完美的解决方案，是不是解决CSS问题的正确方向。_unocss中文网

https://www.qianduange.cn//article/6997.html 分类：前端知识

2024-04-12unocss是一个即时的原子CSS引擎，它可以让你用简短的类名来控制元素的样式，而不需要写复杂的CSS代码。当然，原子样式也有很多选择，最著名的就是Tailwind。但由于Tailwind 会生成大量样式定义，会导致全量的 CSS 文件往往体积会多至数 MB，从而有性能上有一些不足。扩展：什么是原子化原子化​​CSS​​​是一种​​CSS​​架构方式，其支持小型、单一用途的类，其名称基于视觉功能。_unocss

https://www.qianduange.cn//article/4744.html 分类：前端知识

2024-03-31为什么要这样配置呢, 我们想一下, 在小程序里面使用的单位是 rpx, 在 h5 里面使用的是 rem, 为什么我们在使用 uniapp 的时候可以直接写 rpx, 因为 uniapp 的插件在内部处理了, 在编译小程序或者 h5 的时候是做了对应的处理的.这个时候我们就要想一下为什么添加了指令之后 rpx 就无法被转换了为 rem 了呢, 因为 unocss 里面的 transformers 执行顺序是后置与 uniapp 插件的, 所以指令生成的 rpx 是无法被 uniapp 插件处理到的。_uniapp unocss

https://www.qianduange.cn//article/4297.html 分类：前端知识

2024-03-29unocss 是一个基于的工具 ，它通过静态分析 HTML 和 CSS 代码，自动消除未使用的样式，以减小生成的 CSS 文件大小。这个工具可以帮助开发者在使用 Tailwind CSS 进行开发时，避免将整个框架的样式都打包到最终的 CSS 文件中，而只保留实际使用到的样式，从而减少文件大小和加载时间。使用 unocss 可以让开发者更加高效地使用 Tailwind CSS，避免因为使用了大量未使用的样式而导致 CSS 文件过大的问题。_vscode unocss

https://www.qianduange.cn//article/4239.html 分类：前端知识