2025年使用 npx + expo + react native 创建一个项目

为什么要用 expo ？因为 react native 官方推荐的

为什么要用 npx？因为 expo 官方推荐的

怎么用呢？看 expo 的官方文档：https://docs.expo.dev/

npx create-expo-app@latest

这里需要注意，如果你问 chatgpt，会得到 npm install -g expo-cli 来安装, 但是这样方式已经过期了，不要再用了

─➤  expo version  
WARNING: The legacy expo-cli does not support Node +17. Migrate to the new local Expo CLI: https://blog.expo.dev/the-new-expo-cli-f4250d8e3421.
"version" is not an expo command. See "expo --help" for the full list of commands.

实操一下，输入下面的命令，就会获得一个 typescript 项目

npx create-expo-app x-s

创建的目录后是如下所示：

─➤  tree -I "node_modules"
.
├── README.md
├── app
│   ├── (tabs)
│   │   ├── _layout.tsx
│   │   ├── explore.tsx
│   │   └── index.tsx
│   ├── +not-found.tsx
│   └── _layout.tsx
├── app.json
├── assets
│   ├── fonts
│   │   └── SpaceMono-Regular.ttf
│   └── images
│       ├── adaptive-icon.png
│       ├── favicon.png
│       ├── icon.png
│       ├── partial-react-logo.png
│       ├── react-logo.png
│       ├── [e-mail]
│       ├── [e-mail]
│       └── splash-icon.png
├── components
│   ├── Collapsible.tsx
│   ├── ExternalLink.tsx
│   ├── HapticTab.tsx
│   ├── HelloWave.tsx
│   ├── ParallaxScrollView.tsx
│   ├── ThemedText.tsx
│   ├── ThemedView.tsx
│   ├── __tests__
│   │   ├── ThemedText-test.tsx
│   │   └── __snapshots__
│   │       └── ThemedText-test.tsx.snap
│   └── ui
│       ├── IconSymbol.ios.tsx
│       ├── IconSymbol.tsx
│       ├── TabBarBackground.ios.tsx
│       └── TabBarBackground.tsx
├── constants
│   └── Colors.ts
├── expo-env.d.ts
├── hooks
│   ├── useColorScheme.ts
│   ├── useColorScheme.web.ts
│   └── useThemeColor.ts
├── package-lock.json
├── package.json
├── scripts
│   └── reset-project.js
└── tsconfig.json

13 directories, 38 files