Expo XDE 开源项目安装与使用指南

Expo XDE 开源项目安装与使用指南

xdeThe Expo Development Environment项目地址:https://gitcode.com/gh_mirrors/xd/xde

一、项目目录结构及介绍

Expo XDE（现已被弃用，推荐使用expo-cli），是一个曾经用于开发React Native应用的集成开发环境。由于Expo的核心工具链已经进化，当前推荐使用expo-cli代替XDE。不过，基于历史版本进行说明，典型的老旧项目结构可能包括以下部分：

• src: 应用的主要源代码存放目录。
• package.json: 这是Node.js项目的基本配置文件，定义了项目的依赖、脚本命令等。
• app.json: Expo项目的特定配置文件，包含了应用程序的元数据，如名称、图标、权限设置等。
• node_modules: 安装的项目依赖库存放目录。
• public: 可能包含静态资源如图片、字体文件等，虽然在Expo项目中这通常不是必需的，因为它支持直接引用资产。

请注意，上述结构是对传统React Native项目结构的概括，而Expo XDE时期的项目结构更加简化且侧重于通过Expo SDK来管理项目配置和资源。

二、项目启动文件介绍

在Expo XDE时代，主要的启动逻辑并不像常规Node.js或React Native项目那样明显指定一个单一的“启动文件”。项目启动通常由Expo CLI（或是过去的XDE）自动处理，它通过解析app.json中的配置来启动应用。开发者只需运行Expo CLI的相应命令，比如 expo start，即可启动开发服务器。

在.xdemeta.json（这是一个假设存在的文件，因为XDE特性已过时，实际项目中可能不这样命名）或者通过XDE界面选择要运行的项目配置来开始本地开发过程。

三、项目的配置文件介绍

app.json

重点配置文件：

• expo: 包含所有Expo相关的配置项，例如使用的SDK版本、应用的名称、图标路径、主屏标签、是否启用远程JavaScript调试等。
• packagerOpts: 如果有自定义Metro Bundler的需要，这里可以设置相关选项。
• android: 特定于Android平台的配置，如icons、splashscreens、权限等。
• ios: 针对iOS平台的配置，尽管这些配置更多是在实际的Xcode项目中直接调整。

示例基本app.json结构：

{
  "expo": {
    "name": "YourAppName",
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./assets/icon.png",
    "sdkVersion": "38.0.0",
    "entryPoint": "./index.js",
    "primaryColor": "#ffffff",
    "assetBundlePatterns": ["**/*"],
    ...
  },
  ...
}

请注意，由于技术迭代，以上信息反映的是Expo XDE时期的情况。对于最新的Expo项目，应参考expo-cli和最新的文档。

xdeThe Expo Development Environment项目地址:https://gitcode.com/gh_mirrors/xd/xde