新建项目
React 生态
工具/框架 | 创建命令(含 TypeScript) | 说明 |
---|---|---|
Vite (React) | npm create vite@latest my-app -- --template react-ts | 基于 Vite 的极速 React 模板 |
Next.js | npx create-next-app@latest --typescript | React 全栈框架,默认包含 TS 支持 |
Remix | npx create-remix@latest --template typescript | 全栈框架,直接指定 TS 模板 |
Gatsby | npx gatsby new my-app https://github.com/gatsbyjs/gatsby-starter-typescript | 使用 TS 的静态站点生成器 |
Vue 生态
工具/框架 | 创建命令(含 TypeScript) | 说明 |
---|---|---|
Vite (Vue) | npm create vite@latest my-app -- --template vue-ts | Vue 3 + TS 单页应用模板 |
Nuxt.js | npx nuxi init my-app -t typescript | Vue 全栈框架,指定 TS 模板 |
Vue CLI | vue create my-app → 手动选择 TypeScript | 传统 Vue CLI,需在选项中勾选 TS |
其他框架
工具/框架 | 创建命令(含 TypeScript) | 说明 |
---|---|---|
Angular | npx @angular/cli new my-app | 默认集成 TS,无需额外配置 |
Svelte | npm create svelte@latest my-app → 选 TS 模板 | Svelte 官方模板 |
SvelteKit | npm create svelte@latest my-app → 选 TS 模板 | Svelte 全栈框架 |
SolidJS | npm create vite@latest my-app -- --template solid-ts | 高性能 React-like 框架 |
Qwik | npm create qwik@latest → 选 TS 模板 | 极速加载的 Web 框架 |
Astro | npm create astro@latest my-app → 选 TS 模板 | 多框架静态站点生成器 |
跨平台/桌面
工具/框架 | 创建命令(含 TypeScript) | 说明 |
---|---|---|
Tauri | npm create tauri-app@latest → 选 TS 模板 | 构建小型桌面应用 |
Electron + Vite | npm create vite@latest my-app -- --template electron-ts | Electron + TS 桌面应用 |
其他工具
工具/框架 | 创建命令(含 TypeScript) | 说明 |
---|---|---|
NestJS | npx @nestjs/cli new my-app | Node.js 后端框架,默认用 TS |
Expo (React Native) | npx create-expo-app my-app --template expo-template-blank-typescript | React Native 移动开发 |