快速搭建react开发环境

1. 使用Vite构建工具搭建react环境，根据命令行里的问答选择React

npm create vite@latest

2.上面的问答结束之后，安装相应的npm包

npm i

3. 包安装完成后运行项目

npm run dev

4. 安装eslint配置文件，根据命令行问答生产.eslintrc.json

npm init @eslint/config

5. 安装eslint-config-prettier包，用于代码格式化

npm i eslint-config-prettier -D

6. 在.eslint.json文件配置eslint-config-prettier

"extends": [
    "plugin:react/recommended",
    "standard",
    "prettier"
],

7. vscode中安装eslint插件

8. 在vscode的配置中加入以下代码，在保存的时候执行eslint操作

"editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
}