首页vite创建react ts项目

vite创建react ts项目

时间: 2025-03-02 21:16:26 浏览: 69

### 使用 Vite 创建 React 和 TypeScript 项目为了创建一个使用 Vite 的 React 和 TypeScript 项目，可以按照如下方法操作：通过命令行工具执行以下指令来初始化新项目。这会利用 `npm` 或者 `yarn` 来调用 Vite 的脚手架工具并指定模板为带有 TypeScript 支持的 React[^1]。对于 `npm` 用户来说，应该运行下面这条命令： ```bash npm create vite@latest my-mobile-app -- --template react-ts ``` 而针对偏好 `yarn` 的开发者，则适用此条命令： ```bash yarn create vite my-mobile-app --template react-ts ``` 上述命令中的 `my-mobile-app` 是项目的名称，可以根据实际需求更改这个目录名；选项 `--template react-ts` 告诉 Vite 脚本要建立的是一个集成了 TypeScript 的 React 应用程序结构。完成之后进入新建好的文件夹内，并安装依赖项以便能够顺利编译和运行应用。通常情况下，接下来还需要启动开发服务器来进行初步测试，确保一切正常工作[^2]。 ```bash cd my-mobile-app npm install # 如果之前用了 npm 初始化的话 # 或者 yarn # 若是采用 yarn 进行初始化 ``` 最后一步就是启动本地的服务端口查看效果了： ```bash npm run dev # 对于 npm 用户而言 # 或者 yarn dev # 针对 yarn 用户群体 ``` 这样就成功地设置好了一个基于 Vite 构建、支持 TypeScript 的现代化 React 开发环境[^3]。

阅读全文