搭建React开发环境

1. 官方脚手架 create-react-app 安装

1. 全局安装 create- react - app

npm i -g create-react-app

2. 创建项目

create-react-app myapp

如果不想全局安装，可以直接使用npx

npx create-react-app myapp # 也可以实现相同的效果

这个过程会安装四个东西

cra-template ：为 create-react-app 提供默认模板

react: react 的顶级库

react-dom: 因为 react 有很多的运行环境，比如 app 端的 react-native, 我们要在 web 上

运行就使用 react-dom

react-scripts: 包含运行和打包 react 应用程序的所有脚本及配置

3. 进入到项目目录

cd myapp

4. 启动项目

npm start

2. 生成的项目目录结构介绍

── README.md 使用方法的文档

├── node_modules 所有的依赖安装的目录

├── package-lock.json 锁定安装时的包的版本号 , 保证团队的依赖能保证一致。

├── package.json

├── public 静态公共目录

└── src 开发用的源代码目录

3. 安装失败的解决办法

*切换为 npm 镜像为淘宝镜像

*使用 yarn ，如果本来使用 yarn 还要失败，还得把 yarn 的源切换到国内

*如果还没有办法解决，请删除 node_modules 及 package-lock.json 然后重新执行 npm i 命令

*再不能解决就删除 node_modules 及 package-lock.json 的同时清除 npm 缓存 npm cache clean --

force 之后再执行 npm i 命令

4. 入口文件 index.js 介绍