欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

React 学习记录-入门(2)

程序员文章站 2022-07-03 09:06:10
...

1. 安装第三方UI组件

bootstrap:
https://react-bootstrap.github.io

npm install react-bootstrap bootstrap

semantic:
https://react.semantic-ui.com/
 

npm add semantic-ui-css

npm add semantic-ui-react

https://semantic-ui.com/

npm install semantic-ui --save

npm install -g gulp

 还没去看react.semantic-uisemantic-ui之间的关系,我都安装了,我想应该只安装react.semantic-ui就可以

还有很多不错的第三方组件。

参考:https://blog.csdn.net/dt1991524/article/details/86575597

2. package.json

React 学习记录-入门(2)

package.json管理第三方插件,  作用与Maven的pom.xml文件一样。

每安装第三方插件后,package.json中会追加内容。如果自己知道,可以手动追加。

比如我安装了bootstrap和semantic UI css和semantic UI react后多自动出来这几个。

下次只执行npm install就可以,不用挨个安装一遍。

3. 引用第三方UI组件的css文件

import 'semantic-ui-css/semantic.min.css'; // semantic UI
import 'bootstrap/dist/css/bootstrap.min.css'; // bootstrap UI

 

相关标签: React