（React+TypeScript实战篇）三.组件库项目

说明：

完成一个组件库需要考虑的问题

1.代码结构 2.样式解决方案 3.组件需求分析和编码 4.组件测试用例分析和编码 5.代码打包输出和发布 6.CI/CD，文档生成等等

 

一、项目搭建

1.创建项目

> npx create-react-app mambaship --typescript

2.安装eslint插件

在vscode中搜索，点击安装即可

3.在项目中安装sass依赖

>npm install node-sass --save

4.样式解决方案分析

使用SASS/LESS

样式系统文件结构

5.normalize.css【跨浏览器解决css一致性】

说明：1）保护浏览器的默认样式

2）为大部分浏览器提供一般化的样式

3）修复浏览器自身的bug，并保证浏览器样式的一致性

4）优化css可用性

5）用详尽的注释和代码解释里面是干什么的

 

6.小工具classnames

>cnpm install classnames --save

>cnpm install @types/classnames --save