Skip to main content

新建项目

React 生态

工具/框架创建命令(含 TypeScript)说明
Vite (React)npm create vite@latest my-app -- --template react-ts基于 Vite 的极速 React 模板
Next.jsnpx create-next-app@latest --typescriptReact 全栈框架,默认包含 TS 支持
Remixnpx create-remix@latest --template typescript全栈框架,直接指定 TS 模板
Gatsbynpx gatsby new my-app https://github.com/gatsbyjs/gatsby-starter-typescript使用 TS 的静态站点生成器

Vue 生态

工具/框架创建命令(含 TypeScript)说明
Vite (Vue)npm create vite@latest my-app -- --template vue-tsVue 3 + TS 单页应用模板
Nuxt.jsnpx nuxi init my-app -t typescriptVue 全栈框架,指定 TS 模板
Vue CLIvue create my-app → 手动选择 TypeScript传统 Vue CLI,需在选项中勾选 TS

其他框架

工具/框架创建命令(含 TypeScript)说明
Angularnpx @angular/cli new my-app默认集成 TS,无需额外配置
Sveltenpm create svelte@latest my-app → 选 TS 模板Svelte 官方模板
SvelteKitnpm create svelte@latest my-app → 选 TS 模板Svelte 全栈框架
SolidJSnpm create vite@latest my-app -- --template solid-ts高性能 React-like 框架
Qwiknpm create qwik@latest → 选 TS 模板极速加载的 Web 框架
Astronpm create astro@latest my-app → 选 TS 模板多框架静态站点生成器

跨平台/桌面

工具/框架创建命令(含 TypeScript)说明
Taurinpm create tauri-app@latest → 选 TS 模板构建小型桌面应用
Electron + Vitenpm create vite@latest my-app -- --template electron-tsElectron + TS 桌面应用

其他工具

工具/框架创建命令(含 TypeScript)说明
NestJSnpx @nestjs/cli new my-appNode.js 后端框架,默认用 TS
Expo (React Native)npx create-expo-app my-app --template expo-template-blank-typescriptReact Native 移动开发