react vite typescript
时间: 2025-03-05 20:59:35 浏览: 35
### 使用 Vite 和 TypeScript 创建 React 项目
为了创建一个基于 Vite 和 TypeScript 的 React 项目,可以遵循如下方法:
#### 安装 Vite 并初始化项目
通过命令行工具执行以下指令来创建新的 Vite 项目。这会引导用户完成一系列选项的选择过程,其中包括选择框架(React)以及是否启用TypeScript支持。
```bash
npm create vite@latest my-react-app --template react-ts
cd my-react-app
```
上述命令中的 `my-react-app` 是项目的名称,可以根据个人需求更改;而模板参数 `react-ts` 则指定了使用带有TypeScript的React环境[^4]。
#### 启动开发服务器
进入刚刚创建好的项目文件夹之后,可以通过运行下列脚本来启动本地开发服务器:
```bash
npm install
npm run dev
```
此操作将会自动打开浏览器并加载默认页面,显示 "Vite + React" 或者类似的欢迎信息[^5]。
#### 配置 ESLint 及 Prettier (可选)
对于希望保持代码风格一致性的开发者来说,在项目初期就集成ESLint和Prettier是非常有帮助的做法。可以在根目录下的终端内依次输入以下两条命令来进行安装与配置:
```bash
npm install eslint prettier eslint-plugin-prettier eslint-config-prettier --save-dev
npx eslint --init
```
按照提示完成设置后,编辑器应该能够实时给出语法建议,并且保存时自动格式化文档[^6]。
#### 添加 Axios 请求库 (如果需要)
考虑到可能存在的网络请求场景,引入Axios作为HTTP客户端是一个不错的选择。同样利用NPM包管理器快速添加依赖项:
```bash
npm install axios
```
随后可在 `/src/utils/request.ts` 中定义全局使用的 HTTP 实例,类似于提供的基本配置示例[^7]。
阅读全文
相关推荐

















