Vite与Xcode环境变量配置记录详解

介绍

Vite是一个基于ES module的前端构建工具，开发者可以使用Vite来开发Vue.js应用或普通的HTML/CSS/JavaScript应用。

Xcode是苹果公司推出的开发iOS应用的集成开发环境。

在使用Vite和Xcode开发应用的过程中，有时需要进行一些环境变量的配置，本文将详细介绍这方面的内容。

Vite环境变量配置

通过配置文件进行配置

在Vite中，可以通过配置文件.env进行环境变量的配置。

例如，我们需要设置一个名为VITE_APP_NAME的环境变量，可以在.env文件中加入如下内容：

VITE_APP_NAME=My App

我们在代码中调用该环境变量时，可以使用以下方式引入：

const appName = import.meta.env.VITE_APP_NAME;
console.log(appName); // 输出：My App

在命令行参数中指定配置

除了通过配置文件进行配置外，还可以在命令行中通过参数进行配置。

例如，我们需要在开发模式下启用HTTPS协议进行访问，可以使用以下命令：

vite --https

此时，我们在代码中可以调用VITE_HTTPS环境变量获得该参数值：

const isHttps = import.meta.env.VITE_HTTPS === 'true';
console.log(isHttps); // 输出：true

Xcode环境变量配置

通过Scheme中设置环境变量

在Xcode中，我们可以通过Scheme来设置应用的环境变量。

打开工程，选择左侧的Project Navigator，找到上方的Scheme（也可以通过顶部菜单的Product -> Scheme进行设置），选择Edit Scheme，在左侧栏中选择Run，点击Environment Variables，点击+，添加需要设置的环境变量。

例如，我们需要设置名为APP_NAME的环境变量，可以这样设置：

• 点击左侧的+按钮，添加一个环境变量；
• 在Name字段中输入APP_NAME；
• 在Value字段中输入My App。

设置完成后，在代码中可以使用以下方式引入：

NSString *appName = [[[NSProcessInfo processInfo] environment] objectForKey:@"APP_NAME"];
NSLog(@"App name: %@", appName); // 输出：My App

在Build Settings中设置环境变量

除了在Scheme中进行环境变量的设置外，还可以在Build Settings中进行设置。

打开工程，选择左侧的Project Navigator，找到上方的Project（或Targets），在中间的栏目中找到Build Settings，搜索框中输入“User-Defined”，点击+，添加需要设置的环境变量。

例如，我们需要设置名为APP_VERSION的环境变量，可以这样设置：

• 点击左侧的+按钮，添加一个环境变量；
• 在Name字段中输入APP_VERSION；
• 在Value字段中输入1.0.0。

设置完成后，在代码中可以使用以下方式引入：

NSString *appVersion = [[[NSBundle mainBundle] infoDictionary] objectForKey:@"APP_VERSION"];
NSLog(@"App version: %@", appVersion); // 输出：1.0.0

总结

本文详细介绍了在Vite和Xcode中进行环境变量配置的过程，通过示例说明了如何进行配置和调用。

Vite和Xcode在开发中的使用都非常广泛，环境变量的配置也是非常重要的一部分，对于开发者来说，掌握这些知识非常有必要。