跳到主要内容

启动一个新项目

1. VITE​

Vite 官网 https://cn.vitejs.dev

使用 Vite 构建​

pnpm create vite

2. Next.js​

Nextjs 官网 https://www.nextjs.cn

安装
  npx create-next-app@latest

3. Gatsby​

Gatsby 官网 https://www.gatsbyjs.cn

安装
  npx create-gatsby

4. Expo（用于原生应用）​

  • Expo 是一个 React 框架，可以让你创建具有真正原生 UI 的应用，包括 Android、iOS，以及 Web 应用。

  • 它为 React Native 提供了 SDK，使原生部分更容易使用。要创建一个新的 Expo 项目

  • Expo 官网 https://expo.dev

  • React Native 官网 https://reactnative.cn/

安装
  npx create-expo-app

5. TS 支持​

  • TypeScript 天然支持 JSX——只需在项目中添加 @types/react 和 @types/react-dom 即可获得完整的 React Web 支持。
npm install @types/react @types/react-dom -D

pnpm add @types/react @types/react-dom -D

6. UmiJS​

开启一个umijs新项目
$ pnpm dlx create-umi@latest

✔ Install the following package: create-umi? (Y/n) · true
✔ Pick Npm Client › pnpm
✔ Pick Npm Registry › taobao
Write: .gitignore
Write: .npmrc
Write: .umirc.ts
Copy:  layouts/index.tsx
Write: package.json
Copy:  pages/index.tsx
Copy:  pages/users.tsx
Copy:  pages/users/foo.tsx
> @ postinstall /private/tmp/sorrycc-vylwuW
> umi setup
info  - generate files