内容简介:Yoshino本质上类似于Hexo,不同的主题组件类似于Hexo的各种theme,hexo官方仅提供了一套工具以及一个基础主题,Yoshino也是如此。开发者只需要结合而不同主题的Yoshino需要开源社区完成,官方提供类似的yoshino-theme-site来展示不同的主题,类似于
Yoshino本质上类似于Hexo,不同的主题组件类似于Hexo的各种theme,hexo官方仅提供了一套 工具 以及一个基础主题,Yoshino也是如此。
开发者只需要结合 yoshino-cli 就能像配置Hexo主题一样输出不同风格的组件。
而不同主题的Yoshino需要开源社区完成,官方提供类似的yoshino-theme-site来展示不同的主题,类似于 hexojs/site
特性
-
使用
TypeScript
开发,提供d.ts
文件帮助开发者提高开发速度 - 不同项目开发前可以通过 yoshino-cli 根据项目ui规范进行定制化开发产出。
-
除了简单通用的
ui
组件,yoshino
抽离出了一些易用性比较高的特效(功能)组件,例如- Helpers
- Ripple
- Transitions
安装
npm install yoshino 复制代码
使用方法
import * as React from 'react'; import { Button } from 'yoshino'; export default function () { return ( <div> <Button type="primary">Primary</Button> <Button>Default</Button> <Button type="dashed">Dashed</Button> <Button type="danger">Danger</Button> </div> ) } 复制代码
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:- 一个优秀的可定制化Flutter相册组件,看这一篇就够了
- 定制优化 Nextcloud 镜像
- goim 架构与定制
- “私人定制” CLI 工具
- Docker 定制镜像
- webpack 定制前端开发环境
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。