这个项目是使用 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! 🎉