苏分宝 淘客系统

主题

环境搭建 ​

top

工具下载：

Android Studio

jdk 17

Flutter 3.32.5

git

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

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

一 开发工具安装 ​

1. 下载Android Studio并默认安装 ​

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

2. 下载jdk 17并默认安装 ​

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

3. 下载Flutter并解压 ​

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

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

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

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

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

6. 配置flutter ​

  • 参照上面添加到系统环境变量,和Path同一层，不是加到Path里面
sh
  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
  • 进入插件市场，安装Flutter和Dart，安装完成后可能需要重启 img_28.pngimg_29.png

4. 配置Flutter ​

  • 进入Android Studio的设置，windows和mac会有细微差别 img_27.png
  • 设置flutter3.32.5的解压目录，如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