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
npm install semantic-ui --save
npm install -g gulp
还没去看react.semantic-ui和semantic-ui之间的关系,我都安装了,我想应该只安装react.semantic-ui就可以
还有很多不错的第三方组件。
参考:https://blog.csdn.net/dt1991524/article/details/86575597
2. package.json
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