windicss-analysis:Wind Windi CSS的可视化分析器

时间:2024-04-21 09:50:12
【文件属性】:

文件名称:windicss-analysis:Wind Windi CSS的可视化分析器

文件大小:86KB

文件格式:ZIP

更新时间:2024-04-21 09:50:12

analyzer design-system windcss TypeScript

温迪分析 的分析器工具。 浏览您的实用程序用法,了解您的设计系统,确定“不良做法”,以及更多! 开始使用 在项目根目录下运行以下命令 npx windicss-analysis 分析报告将在 NPM 或者,您可以在本地安装以重复使用相同版本的本地windicss模块 npm i -D windicss-analysis // package.json { "scripts" : { "analysis" : "windicss-analysis" } } VS代码扩展 从Windi 的,它内置了此分析器。 在VS Code中使用Windi CSS打开项目 打开命令面板(⇧⌘P/ Ctrl + Shift + P) 运行命令: Windi CSS: Run & Open Analysis 请参阅第二个编辑器列中的分析器 在线预览 您可以预览分析仪本身的分析报告


【文件预览】:
windicss-analysis-main
----.eslintrc.json(26B)
----netlify.toml(246B)
----index.html(488B)
----public()
--------logo.svg(3KB)
----shared()
--------types.ts(1KB)
--------utils.ts(1KB)
--------index.ts(72B)
--------rules.ts(1KB)
----windi.config.ts(896B)
----src()
--------main.ts(446B)
--------logic()
--------pages()
--------components()
--------App.vue(66B)
--------env.ts(208B)
--------global.d.ts(257B)
--------style.css(2KB)
----.vscode()
--------settings.json(63B)
----scripts()
--------buildDemo.ts(135B)
----node()
--------build.ts(1KB)
--------middleware.ts(2KB)
--------index.ts(131B)
--------analysis()
--------cli.ts(1KB)
--------server.ts(966B)
--------dev.ts(387B)
----vite.config.ts(991B)
----tsconfig.json(492B)
----LICENSE(1KB)
----README.md(2KB)
----pnpm-lock.yaml(118KB)
----.gitignore(159B)
----bin()
--------windicss-analysis.js(56B)
----.eslintignore(25B)
----package.json(2KB)

网友评论