开发环境
- NodeJs
- React
1、下载node.js并安装,以下是node.js的官网
http://nodejs.cn/download/
2、下载完成后进行安装,用node -v检查是否安装成功,这里安装的版本是当前最新的稳定版本V16.13.1
node -v
`效果如图:
3、安装脚手架create-react-app
npm install create-react-app -g
`效果如图:
4、创建我的第一个app
create-react-app myproject
效果如图:
5、等到创建完毕,进入目录,启动项目
cd myproject
npm start
效果图:
6.启动成功以后在浏览器中打开:http://localhost:3000/。即可看到前端页面了。
以上效果图片,说明安装成功。
7.到此其实react已经安装完成,接下来可以安装现成的样式,来使自己的项目更漂亮一些。可以安装bootstrap组建。
npm install bootstrap --save
注意,此命令需要在项目文件夹下执行。
8.在index.js中引入bootstrap
import "bootstrap/dist/css/bootstrap.min.css";