一.搭建React开发环境的前期准备
1.必须安装node,注意:推荐安装版本号为双数的版本
下载地址搜索官网即可。
2.使用node自带的npm或者安装yarn
yarn下载地址
或者使用npm安装yarn:npm install -g yarn
二.搭建一个新的React项目
1.安装React官方脚手架(create-react-app) 全局下安装一次就可以了
命令行工具中输入:
npm install -g create-react-app
或
yarn add -g create-react-app
2.开始创建
命令行工具中输入:
1.create-react-app 项目名称
2.cd 项目名称 进入文件夹
3.运行 yarn start或npm start
4.完成会自动在浏览器打开,地址是http://localhost:3000/
二.目录解读
node_modules为 依赖node的工具包目录
public为 公共目录
其中
- index.html是入口文件
- favicon.ico文件是title上的小图标文件
- manifest.json这个是由PWA提供的允许将站点添加至主屏幕的功能文件(不用管)
src为源码目录
package.json是配置文件