【Flutter】基础环境搭建

 

一、下载 安装 配置 Android Studio

官网下载地址：

https://developer.android.google.cn/studio?hl=zh-cn

 

SDK下载，代理配置问题：

这里发现几个SDK要不断切换自动代理和手动代理才会下载，下面手动代理配置也要设置下

（如果没反应就用来回切换）

这里我用的是阿里云的

mirrors.aliyun.com:80

 

公司网络经常中断，这里建议用手机热点下载SDK，不然一直下着下着就报错，搞心态阿

 

如果中断了SDK下载进入主界面，可以在settings选项的这里找到

 

SDK这里补充一个命令行工具插件（Flutter SDK的环境要求）

 

 

 

下载时间很长，要耐心等待

我这里下载成功截个图纪念下哈哈哈（不想来第二遍了）

 

开发插件配置：

Android Studio本身对Flutter没有支持，需要通过插件来实现

Flutter基于Dart语言开发，要先下载 Dart 插件，再下载 Flutter

（只下载Flutter会被IDEA强制提示要求安装Dart插件，不然无法使用）

 

 

 

 

二、下载 安装 配置 Flutter

Flutter是一个开发SDK，官网下载地址：

https://docs.flutter.dev/release/archive?tab=windows

 

压缩包直接解压：

 

同时对用户和系统变量添加Flutter的命令执行变量

 

进入CMD，输入flutter检查变量是否生效：

 

使用flutter doctor初始化本地资源，并检查哪些条件缺少支持

 

1、Android toolchain 条款协议未同意

解决该问题使用命令：

flutter doctor --android-license

 

2、Visual Studio 未安装，如果要开发Windows应用，这是必要的开发工具

但是咱们不开发，就无视这个条件即可

 

3、Network Resources，检查仓库失败

手动配置仓库环境：

PUB_HOSTED_URL / https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL / https://storage.flutter-io.cn

　　

重启cmd 使用flutter doctor检查环境：

所有环境都已正常

 

 

使用 flutter create 项目名称 创建工程

 

用Android Studio打开该工程，选择Web设备启动（虚拟设备还需要摸索下怎么用）

 

三、Android Studio 配置虚拟设备

找半天没找到设备管理器菜单，AS现在放到这个工程的侧边栏里面了

 

选第一个创建虚拟设备（下面是选择远程设备）

 

选择第一种设备：手机

列出的机型都是谷歌自己家的，别的还真没有，咱就选了Pixel 8 Pro

 

然后要选择对应的系统镜像，选版本最高的，目前是14，就找14的就行了

要先下载镜像后继续下一步（点击左边的下载图标进入下载界面）

 

然后是虚拟设备的参数配置信息，默认即可

 

四、选择虚拟设备运行工程

虚拟设备初始化之后，可以在设备列表里面找到了

 

接入虚拟设备，点击 main.dart运行 发现，构建过程始终停留在这

 

下载依赖连不上外网导致，这里用 watt tookit开启加速解决

 

二、MacOS的开发环境配置：

下载安装android studio 这一步和windows没区别（见上面步骤即可）

 

下载安装flutter，safari下载的压缩包会自动解压成文件目录

在个人账户下创建development目录并放入flutter目录

 

由于是macos环境，配置方式是手动创建zshenv文件写入环境变量

cloud9@192 ~ % vim ~/.zshenv
cloud9@192 ~ % source ~/.zshenv

变量内容：

export PATH=$HOME/development/flutter/bin:$PATH
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PUB_HOSTED_URL=https://pub.flutter-io.cn

 

macos的环境依赖其他部分：

安装cocoapods，不懂这个东西是做什么的，花了很多时间走弯路了

参考这篇文章处理：

https://blog.csdn.net/weixin_38716347/article/details/116845164

 

gem类似yum，npm这样包管理工具，镜像源很难拉下来

现切换ruby的镜像源：

gem sources --add https://gems.ruby-china.com/

 删除现在的源：

gem sources --remove https://rubygems.org/ 

 

首先需要下载它的依赖环境：

sudo gem install drb -v 2.0.6
sudo gem install activesupport -v 6.1.7.8

 然后再安装cocoapods

sudo gem install cocoapods