# jUI **Repository Path**: opentj/jui ## Basic Information - **Project Name**: jUI - **Description**: UI Framework - **Primary Language**: JavaScript - **License**: MIT - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2022-05-25 - **Last Updated**: 2022-07-22 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # jUI Taiji UI framework(极 UI) ## 设计理念 @opentj/jUI 1. 使用 TailwindCSS 来进行定制式样,使用 StoryBook 的文档和低代码工具来帮助开发者 2. 优点:可以做到极简,能保证硬件不好时浏览器的响应速度 3. 缺点:使用难度较大,文档和低代码工具要求较高 对比 @qiuzhanghua/bui 1. 使用 Bulma 来进行定制,使用 StoryBook 的文档和低代码工具来帮助开发者 2. 优点:使用难度小,文档和低代码工具要求较低 3. 缺点:JS 代码更多,不能保证硬件不好时浏览器的响应速度 ## 0. 创建项目 ```bash yarn create svelte jui cd jui yarn add -D svelte2tsx typescript yarn add -D sb yarn add -D tailwindcss postcss autoprefixer svelte-preprocess npx tailwindcss init tailwind.config.cjs -p mv postcss.config.js postcss.config.cjs ``` ## 1. 开发 ```bash yarn dev # --open ``` ## 2. 构建 ```bash yarn build ``` ## 3. 打包 ```bash yarn package ``` ## 发布 ```bash # 先登录到npmjs.com # npm login npm publish --access public ``` --- ## Add Storybook support ```bash npx sb init ``` ... ```bash yarn storybook ```