fntd v0.1.6

Fntd - UI组件库

基于antd项目改造的UI组件库

开发须知

常用命令

• npm install 安装fntd核心依赖包
• npm run peer 安装fntd示例服务依赖包
• npm run doc:build 发布fntd示例服务（输出代码在/doc-dist目录）
• npm run build 打包生成fntd relase生产代码（输出代码在/dist目录）
• npm run clean 清空node_modules，package-lock.json（安装出现问题时可尝试）

目录详解

• .docz
• .dist
• .doc-dist
• src
• ·········common 通用代码
• ·········components 组件实现代码
• ·········mdx doc示例服务web页面
• ·········pages 组件使用示例代码

特别注意

因为发包只发组件实现代码，不包含示例服务的代码

• 组件components需要的依赖包，通过npm install --save维护到package.json的dependencies下
• 而示例代码需要的依赖包，通过npm install --save-dev后，需要手工从package.json的devDependcenies下移动到peerDependencies下.

准备

1.初始化环境

安装项目依赖包

npm install

提醒

• 1.如果卡顿，请ctrl+c退出，重新运行npm i
• 2.直到出现若干提示npm WARN fntd@x.x.x requires a peer of XXX but none is installed. You must install peer dependencies yourself.

安装demo示例依赖包

npm run peer

提醒：控制台出现如下则表示正在安装

> fntd@0.1.5 peer /Users/jyjin/workspace/www/www.hand/front-ui

> npm-install-peers

2.启动项目

会生成代码到/.docz目录

npm start

---

发布项目

发布示例web服务代码

发布代码成功后，会生成代码到/doc-dist目录

npm run doc:build

打包fntd源码

源码打包成功后，会生成/dist目录

npm run build

发布fntd源码到npm

这一步需要权限，普通开发组员无需进行此步骤

npm login 
输入账号...
输入密码...
输入邮箱...
npm publish

参考文档

Antd-design官网

Umi-lib文档

Father文档

MDX使用

Docz使用

LICENSE

MIT