文章目录
- 1、安装create-react-app脚手架
- 2、创建 React 项目，项目名为 react-demo
- 3、项目创建成功
- 4、使用vscode打开项目并运行
- 5、项目运行成功
- node_modules：存放项目所依赖的一些第三方包文件
- public：静态资源文件夹
- src:源码文件夹
- 其它文件
1、安装create-react-app脚手架
打开cmd，执行命令npm i -g create-react-app，安装create-react-app脚手架
2、创建 React 项目，项目名为 react-demo
执行命令
create-react-app react-demo
3、项目创建成功
4、使用vscode打开项目并运行
输入npm start运行项目
5、项目运行成功
node_modules：存放项目所依赖的一些第三方包文件
public：静态资源文件夹
favicon.ico：导航图标
index.html：项目首页的html模版
logo192.png&logo512.png：两个logo图片
manifest.json：应用加壳配置文件，在手机上描述我们应用程序的json文件
robots.txt：爬虫协议文件
src:源码文件夹
App.css：App组件的样式
App.js：App组件
App.test.js：自动化测试文件，用于给App做测试
index.css：全局样式
index.js：入口文件，所用组件都会通过index.js载入
logo.svg：react的一个标志文件，sug文件是纯粹的XML，保证了在放大缩小时图像不失真
reportWebVitals.js：导入了一个web-vitals的第三方库，用来检查应用程序的性能
setupTests.js:从Jest-dom导入匹配器，在进行测试时使用
其它文件
.gitignore：git的一个文件，在这里可以配置不想提交到版本库里的文件
package-lock.json：项目安装包的版本号
package.json：存放react的一些依赖和指令
README.md：项目的介绍文件，运用markdown标记语言编写，在github等开源代码网站上，项目常用.md文件来进行介绍
