这个项目是使用 React 和 TypeScript 搭建的基础模板,采用 Vite ⚡️ 进行快速开发与构建,并集成了 ESLint 和 Prettier 🧹 用于代码质量和格式化管理。
- 🚀 Vite:超快的项目打包和构建。
- 💻 React + TypeScript:提供强类型支持,提升开发体验。
- 🔧 ESLint:保持代码风格一致,提升代码质量。
- 💅 Prettier:自动格式化代码,增强可读性。
- ⚡️ 快速开发服务器,支持模块热替换(HMR)。
在开始之前,请确保你已经安装了以下工具:
1、克隆项目到本地:
git clone <your-repo-url>
cd <your-project-name>2、安装依赖:
使用 npm:
npm install或使用 Yarn:
yarn启动开发服务器:
npm run dev或使用 Yarn:
yarn dev开发服务器将在 http://localhost:5173/ 启动,打开浏览器查看项目效果吧!👀
构建生产环境的静态文件:
npm run build或使用 Yarn:
yarn build生成的文件将会在 dist/ 目录中 🎉。
如果你需要自定义代码风格,可以修改 .eslintrc.json 和 .prettierrc 文件。
npm run dev:启动开发服务器 🚀。npm run build:构建项目用于生产环境 🏗️。npm run lint:运行 ESLint 进行代码检查 🔍。npm run format:使用 Prettier 格式化代码 ✨。
🎉 Enjoy Coding! 🎉