Using Flutter in China

Using Flutter in China | Flutter

在中国使用 Flutter

Flutter社区制作了简体中文版本 https://flutter.cn 上提供的 Flutter 网站, 由中国颤振用户组(CFUG)维护。

如果您想使用安装捆绑包安装 Flutter, 您可以将原始 URL 的域替换为受信任的镜像 以加快速度。例如:

您还必须设置两个环境变量来升级 Flutter 并使用 pub 中国的软件包存储库。说明如下。

配置 Flutter 以使用镜像站点

如果您正在中国安装或使用 Flutter, 使用值得信赖的本地可能会有所帮助 托管 Flutter 依赖项的镜像站点。 要指示颤振工具使用备用存储位置, 在运行命令之前,您需要设置两个环境变量和 。PUB_HOSTED_URLFLUTTER_STORAGE_BASE_URLflutter

以macOS或Linux为例,以下是前几个步骤 使用镜像站点的设置过程。在 Bash 中运行以下内容 从您希望存储本地 Flutter 克隆的目录中的 shell:

$ export PUB_HOSTED_URL=https://pub.flutter-io.cn
$ export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
$ git clone -b dev https://github.com/flutter/flutter.git
$ export PATH="$PWD/flutter/bin:$PATH"
$ cd ./flutter
$ flutter doctor

完成这些步骤后,您应该能够继续正常设置 Flutter。 从这里开始,获取的包是 从任何 shell 中下载,其中和设置。flutter pub getflutter-io.cnPUB_HOSTED_URLFLUTTER_STORAGE_BASE_URL

服务器是 Flutter 的临时镜像 由中国 Flutter 用户组 (CFUG) 维护的依赖项和包。 Flutter 团队无法保证此服务的长期可用性。 如果其他镜子可用,您可以自由使用它们。 如果您有兴趣在中国建立自己的镜子, 请联系 flutter-dev@googlegroups.com 寻求帮助。flutter-io.cn

如果您遇到仅在使用服务器时出现的问题, 请考虑将问题报告给问题跟踪器 (镜像问题)。flutter-io.cn

社区运行的镜像站点

CocoaPods | 镜像站使用帮助 | 清华大学开源软件镜像站 | Tsinghua Open Source Mirror

VS Code + Flutter 搭建环境(Win) - 有关心情 (youguanxinqing.xyz)

安装 Android Studio

下载 Android Studio

由于官网需要FQ,这里建议没有梯子的朋友选择镜像网站下载(https://www.androiddevtools.cn/),我下载的是 3.4.1 正式版本。

Alt text

安装 Android Studio

完成下载后运行安装软件。

Alt text

安装时需要选择安装路径,习惯使然,我安装到 D:ApplicationAndroid Studio 目录下。

安装完成后启动 IDE。第一次启动会让你导入配置文件,如果没有该需求,选中 “Do not import settings”,点 OK。此时会弹出 Unable to access Android SDK add-on list,点击 Cancel 取消。一路 Next ,最后 Finish。接着会自动下载 Android SDK,结束以后 Finish,来到下面这个界面。

Alt text

点击右下角 Configure,选中 AVD Manager(这里据说可能报错,原因是 HAXM 没有安装。详见可看:https://blog.csdn.net/qq_33505204/article/details/78452286)。

添加模拟器

添加模拟器关键步骤如下所示:

  • 点击 Create Virtual Device
    Alt text
  • 按需选中机型:
    Alt text
  • 按需下载,Name 旁边显示蓝色 Download 表示没有下载。它们间的区别在右边显示:
    Alt text
  • 大功告成后显示如下:
    Alt text

安装与配置 Flutter

官网下载 Flutter :https://flutter.dev/docs/development/tools/sdk/releases?tab=windows。我选择了 1.5 稳定版。
Alt text

开始相关的环境配置:

  • 添加用户变量:控制面板 -> 用户账户 -> 用户账户 -> 更改我的环境变量
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

Alt text

同理设置 PUB_HOSTED_URL:

PUB_HOSTED_URL=https://pub.flutter-io.cn
  • 解压 Flutter,将其目录下的 bin 目录路径追加到用户变量 Path 中。如果没有这个变量,可以新建一个,操作同上。

VS Code 配置

打开 VS Code,Ctrl + Shift + X,搜索 flutter,安装扩展。

Alt text

安装完成后重启 VS Code,Ctrl + Shift + P,键入 Flutter New Project,创建一个 Flutter 项目。输入项目名,选择文件夹,等待初始化完成。

Alt text

看 VS Code 右下角状态栏,应该显示的是 “No Devices”,这是因为我们没有设置模拟器。点击该状态,设置模拟器。

Alt text

Alt text

为调试方便,将模拟器置顶是个不错选择。设置方法如下:

Alt text

添加调试的配置文件。Ctrl + Shift + D ,选择 Add Configuration,然后点击旁边的绿色运行按钮。

Alt text

继续等待,第一次耗费时间较长,一切就绪后便可以开始 Flutter 之旅啦。Ctrl + S 保存代码后会触发热加载,不需要重启项目也能达到更新代码的目的。

Alt text

posted @ 2023-08-11 10:44  CharyGao  阅读(192)  评论(0)    收藏  举报