环境搭建

苏州迈沃通信有限公司

TIP

工具下载:

Android Studioopen in new window

jdk 17open in new window

Flutter 3.24.4open in new window

gitopen in new window

[Xcode]需要MacOS,直接在App Store下载

以上工具不要安装到中文路径

一 开发工具安装

1. 下载Android Studio并默认安装

  • 打开上面链接选择对应操作系统下载最新版并安装。 img_22.png

2. 下载jdk 17并默认安装

  • 打开上面链接选择对应操作系统下载jdk17并安装。 img_23.png

3. 下载Flutter并解压

  • 一定要下载3.24.4版本,其他版本运行可能报错,请自行兼容,下载完成后解压备用 img_24.png

4. 下载git并默认安装(如果已安装可忽略)

  • 全部默认安装即可 img_25.png

5. 配置环境变量(如果已配置可忽略)

  • Windows下打开系统属性窗口:右键点击 “此电脑”,选择 “属性”。在弹出的窗口中,点击 “高级系统设置”。
  • 打开环境变量窗口:在 “系统属性” 窗口中,点击 “环境变量” 按钮。
  • 配置系统变量:
  • 在 “系统变量” 区域中,找到 “Path” 变量,选中它并点击 “编辑” 按钮。
  • 在 “编辑环境变量” 窗口中,点击 “新建” 按钮。
  • 配置jdk环境变量,添加两条C:\Program Files\java 17\binC:\Program Files\java 17\lib
  • 配置git环境变量,添加C:\Program Files\Git\bin
  • 配置flutter环境变量,添加E:\flutter\bin
  • 以上目录如安装到其他地方,请自行修改
  • img.png
  • macos请自行百度

6. 配置flutter

  • 参照上面添加到系统环境变量,和Path同一层,不是加到Path里面
  PUB_HOSTED_URL=https://pub.flutter-io.cn
  FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

7. 安装Xcode(打包iOS必须)

  • 需要苹果系统macOS 15,打开App Store搜索Xcode安装 img_46.png

二 开发环境配置

1. 解压项目文件

解压tsq-app.zip,如果提供的git链接,忽略这步,需要解压后放到全英文路径下,比如e:\workspace\tsq-app

2. 使用Android Studio打开tsq-app

  • 双击打开Android Studio
  • 使用git下载项目或者直接打开项目
  • 如果给的是git仓库链接,直接选择Get from Version Control...
  • 如果给的是压缩包,直接Open上一步解压缩的目录 img_26.png

3. 安装Flutter和Dart插件

  • 进入Android Studio的设置,windows和mac会有细微差别 img_27.png
  • 进入插件市场,安装FlutterDart,安装完成后可能需要重启 img_28.pngimg_29.png

4. 配置Flutter

  • 进入Android Studio的设置,windows和mac会有细微差别 img_27.png
  • 设置flutter3.24.3的解压目录,如E:\flutter,点击OK保存 img_30.png

5. 配置Android sdk

  • 进入Android Studio的设置,windows和mac会有细微差别 img_27.png
  • 设置sdk路径后,会自动下载 img_31.png

6. 校验flutter环境

  • 进入Android Studio命令行执行flutter doctor,如果显示红叉的按照提示解决 img_32.pngimg_35.png

7. 下载依赖

  • 打开根目录下的pubspec.yaml,点击右上角的Pub get,第一次下载可能需要几个小时,只要不报错,就继续等待 img_34.png