【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

 

posted @   emdzz  阅读(75)  评论(0编辑  收藏  举报
(评论功能已被禁用)
相关博文:
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· NetPad:一个.NET开源、跨平台的C#编辑器
· PowerShell开发游戏 · 打蜜蜂
· 凌晨三点救火实录:Java内存泄漏的七个神坑,你至少踩过三个!
历史上的今天:
2020-05-30 【Mybatis】13 动态SQL
2020-05-30 【Mybatis】12 复杂关联查询
点击右上角即可分享
微信分享提示