1、React开发环境搭建

安装环境准备

• node.js，建议安装18以上的版本。

• 可以下载nvm，管理node版本，nvm的下载地址：https://github.com/coreybutler/nvm-windows/releases

• vscode插件

创建项目

目录介绍

• public 用于存放不会发生变动的静态资源，在项目构建过程中，public目录中的资源只会被简单的复制到根目录（如dist目录）中，不会进行任何编译或处理，可以直接通过URL访问

• src
• assets 用于存放可能会发生变动的静态资源，在项目构建过程中会随着项目一起被打包编译。
• App.css 根组件样式
• App.tsx 根组件
• index.css 全局css文件
• main.tsx 全局tsx文件
• vite-env.d.ts 声明文件，使用三斜线指令指定类型定义

• .gitignore 提交git时需要忽略的文件

• eslint.config.js eslint配置文件

• index.html 入口文件

• package-lock.json 由npm自动生成的，用于锁定安装包的版本，确保项目依赖的一致性

• package.json 项目依赖模块文件

• README.md 说明文件

• tsconfig.app.json 应用级的typescript配置文件

• tsconfig.json 全局的typescript配置文件

• tsconfig.node.json 为node.js配置的typescript配置文件

• vite.config.ts vite配置文件

其他小点

eslint . ：对当前目录（以及子目录）中的文件运行 ESLint。

-ext ts,tsx ：指定要检查的文件扩展名为 .ts 和 .tsx，即 TypeScript 和 TypeScript React 文件。

-report-unused-disable-directives ：报告未使用的 eslint-disable 指令。这可以帮助你清理不再需要的 ESLint 禁用指令。

-max-warnings 0 ：将警告数量限制为 0。如果有任何警告，ESLint 将返回非零退出代码，这通常用于在 CI/CD 环境中确保代码库没有任何警告。