【Flutter】基础环境搭建
一、下载 安装 配置 Android Studio
官网下载地址:
1 | https: //developer.android.google.cn/studio?hl=zh-cn |
SDK下载,代理配置问题:
这里发现几个SDK要不断切换自动代理和手动代理才会下载,下面手动代理配置也要设置下
(如果没反应就用来回切换)
这里我用的是阿里云的
1 | mirrors.aliyun.com:80 |
公司网络经常中断,这里建议用手机热点下载SDK,不然一直下着下着就报错,搞心态阿
如果中断了SDK下载进入主界面,可以在settings选项的这里找到
SDK这里补充一个命令行工具插件(Flutter SDK的环境要求)
下载时间很长,要耐心等待
我这里下载成功截个图纪念下哈哈哈(不想来第二遍了)
开发插件配置:
Android Studio本身对Flutter没有支持,需要通过插件来实现
Flutter基于Dart语言开发,要先下载 Dart 插件,再下载 Flutter
(只下载Flutter会被IDEA强制提示要求安装Dart插件,不然无法使用)
二、下载 安装 配置 Flutter
Flutter是一个开发SDK,官网下载地址:
1 | https: //docs.flutter.dev/release/archive?tab=windows |
压缩包直接解压:
同时对用户和系统变量添加Flutter的命令执行变量
进入CMD,输入flutter检查变量是否生效:
使用flutter doctor初始化本地资源,并检查哪些条件缺少支持
1、Android toolchain 条款协议未同意
解决该问题使用命令:
1 | flutter doctor --android-license |
2、Visual Studio 未安装,如果要开发Windows应用,这是必要的开发工具
但是咱们不开发,就无视这个条件即可
3、Network Resources,检查仓库失败
手动配置仓库环境:
1 2 | 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文件写入环境变量
1 2 | cloud9@192 ~ % vim ~/.zshenv cloud9@192 ~ % source ~/.zshenv |
变量内容:
1 2 3 | 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,不懂这个东西是做什么的,花了很多时间走弯路了
参考这篇文章处理:
1 | https: //blog .csdn.net /weixin_38716347/article/details/116845164 |
gem类似yum,npm这样包管理工具,镜像源很难拉下来
现切换ruby的镜像源:
1 | gem sources --add https: //gems .ruby-china.com/ |
删除现在的源:
1 | gem sources --remove https: //rubygems .org/ |
首先需要下载它的依赖环境:
1 2 | sudo gem install drb - v 2.0.6 sudo gem install activesupport - v 6.1.7.8 |
然后再安装cocoapods
1 | sudo gem install cocoapods |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· NetPad:一个.NET开源、跨平台的C#编辑器
· PowerShell开发游戏 · 打蜜蜂
· 凌晨三点救火实录:Java内存泄漏的七个神坑,你至少踩过三个!
2020-05-30 【Mybatis】13 动态SQL
2020-05-30 【Mybatis】12 复杂关联查询