创建React项目

一.创建React项目

用脚手架创建初始项目

命令格式：npm create-react-app xxxxx(项目名称)

npm create-react-app my-app

进入项目文件夹，启动项目

cd my-app
npm start

项目成功运行，则根据地址访问项目

二、配置文件详解

用vscode打开项目

code .

 项目配置文件详解

node_modules：存放项目所依赖的一些第三方包文件

public：静态资源文件夹

1. favicon.ico：导航图标
2. index.html：项目首页的html模版
3. logo192.png&logo512.png：两个logo图片
4. manifest.json：应用加壳配置文件，在手机上描述我们应用程序的json文件
5. robots.txt：爬虫协议文件

src:源码文件夹

1. App.css：App组件的样式
2. App.js：App组件
3. App.test.js：自动化测试文件，用于给App做测试
4. index.css：全局样式
5. index.js：入口文件，所用组件都会通过index.js载入
6. logo.svg：react的一个标志文件，sug文件是纯粹的XML，保证了在放大缩小时图像不失真
7. reportWebVitals.js：导入了一个web-vitals的第三方库，用来检查应用程序的性能
8. setupTests.js:从Jest-dom导入匹配器，在进行测试时使用

其它文件

1. .gitignore：git的一个文件，在这里可以配置不想提交到版本库里的文件
2. package-lock.json：项目安装包的版本号
3. package.json：存放react的一些依赖和指令
4. README.md：项目的介绍文件，运用markdown标记语言编写，在github等开源代码网站上，项目常用.md文件来进行介绍