Skip to content

coder-belong/vite-react-ts-template

Repository files navigation

🎨 基于 Vite 的 React + TypeScript 项目框架

这个项目是使用 ReactTypeScript 搭建的基础模板,采用 Vite ⚡️ 进行快速开发与构建,并集成了 ESLintPrettier 🧹 用于代码质量和格式化管理。

🌟 项目特性

  • 🚀 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! 🎉

About

基于 Vite 搭建的 React+ TS 项目基础模板 🌟

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published