README

Musora UI 是一个用于原型设计、构建和测试项目前端（HTML/JS/Blade）的工具。

发布 NPM 版本

WIP

您可以在根 package.json 文件中查看不同的 npm 构建命令。例如：npm run build-drumeo-dev

该仓库的 /public 文件夹托管在您的本地机器上的 URL 下
http://devui.musora.com/

您可以使用 URL 自动渲染任何 blade 文件。/blade 告诉请求在项目中的 blade 文件夹中渲染位于 /blade 后的路径的 blade 模板。例如

将渲染在：blade/ui.blade.php

将渲染在：blade/core/text-input.blade.php

Musora UI 用于纯 HTML 和 css 的原型设计，可以在将其放入常规项目（如 laravel 项目）之前进行审查和 QA。

Musora UI 内部的所有页面都应该使用相对链接在 href 标签中静态链接。

请在开始新的原型或开始现有版本的新版本时在此仓库中创建一个新的分支。请使用文件夹结构区分品牌原型。

请随意添加新的构建命令和自定义 tailwind 配置。我们还可以集成 VueJS，但尚未设置。

我们强烈推荐使用 Sizzy 浏览器开发和预览 html 页面（许可证在 1pass 中）
https://sizzy.co/

您还可以使用我们自己的内部预览工具
http://devui.musora.com/viewer.html

Tailwind CSS 是 Musora UI 使用的前端框架，它已经安装和配置好了。您可以在这里找到 Tailwind 的文档
https://tailwind.org.cn/docs/installation

如果您是 Tailwind CSS 的初学者，我们强烈建议观看这个视频系列（其中的其他视频也很好）
https://tailwind.org.cn/course/setting-up-tailwind-and-postcss

这是一份惊人的前端开发资源列表
https://tailwind.org.cn/resources/

一个关于 Tailwind CSS 特定插件和工具的好列表
https://github.com/aniftyco/awesome-tailwindcss

我们可能最终会购买这个用于 Tailwind 的 UI 工具包
https://ui.tailwind.org.cn/
如果您认为这可能有用，请告知Caleb！