Windows10 准备/安装Flutter研发环境
Flutter简介
Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。
安装Flutter开发所需的Android Studio及SDK
Google良心,在国内架设了一个服务器,这个国内网址不用额外上网就可以直接愉快下载了。
下载Android Studio
官网:https://developer.android.google.cn/studio#downloads
安装Android Studio
一路安装就好,几乎没坑,启动界面很好看,有没有?
设置环境变量,新增配置镜像站点
Flutter官方源站可能访问不流畅,我们可以选用谷歌中国开发社区(GDG)的临时镜像源来获取相关资源,只需要在环境变量中进行相关设置即可。
可以通过“设置 - 关于 - 右侧系统信息 - 高级系统设置 - 高级 - 环境变量 - XXXX用户变量 - 新建”
变量名:PUB_HOSTED_URL
变量值:https://pub.flutter-io.cn
变量名:FLUTTER_STORAGE_BASE_URL
变量值:https://storage.flutter-io.cn
另附
- 上海交通大学的源地址如下:
FLUTTER_STORAGE_BASE_URL: https://mirrors.sjtug.sjtu.edu.cn/
PUB_HOSTED_URL: https://dart-pub.mirrors.sjtug.sjtu.edu.cn/
- 清华大学源地址如下:
FLUTTER_STORAGE_BASE_URL: https://mirrors.tuna.tsinghua.edu.cn/flutter
PUB_HOSTED_URL: https://mirrors.tuna.tsinghua.edu.cn/dart-pub
下载或安装Flutter SDK
方式一 直接下载稳定版安装包
中国区下载地址:Flutter SDK v1.7.5 For Windows SDK
方式二 Github拉取Stable版本
git clone -b stable https://github.com/flutter/flutter.git
切换到对应的flutter
目录找到并运行flutter_console.bat
进行安装。
设置环境变量,让Flutter SDK被感知
可以通过“设置 - 关于 - 右侧系统信息 - 高级系统设置 - 高级 - 环境变量 - XXXX用户变量 - PATH - 编辑”
新建Flutter SDK的bin
目录完整路径,比如:
C:\Program Files\Flutter\bin
运行环境检查
在CMD/POWERSHELL中运行以下命令:
flutter doctor
上述命令会检查你的现有环境,然后把检测结果以报告形式呈现出来。仔细阅读它显示的内容,检查是否有尚未安装的软件或是有其他的步骤需要完成(通常会以粗体呈现)。
如果出现协议接受警告,运行以下命令,然后一路Y
就行了
flutter doctor --android-licenses
启动Android Studio
,并且新建好对应的AVD,然后通过以下命令,检查是否存在已可连接的设备
flutter devices
默认情况下,Flutter会使用当前版本adb工具所依赖的Android SDK版本
让编辑器支持Flutter
Visual Studio Code 安装Flutter插件
安装了Flutter插件,会自动安装所需的Dart插件。
Android Studio 安装Flutter插件
打开Android Studio,在左上角找到以下路径:File > Settings > Plugins
,搜索关键词Flutter
,便可找到Flutter Plugin For Android Studio
,Install
它即可
同时,也会提醒你,依赖的Dart
组件也会被一起添加。
安装之后可以再次执行Flutter Doctor
查看所有环境是否就位。
为了让我们Gradle
快一点,我们可以配置国内阿里云的源
找到Flutter安装目录中路径:.../flutter/packages/flutter_tools/gradle/
,打开并编辑其中的flutter.gradle
文件
注释掉原来的Repositories
,修改成如下配置:
buildscript {
repositories {
// google()
// jcenter()
maven{ url 'https://maven.aliyun.com/repository/google' }
maven{ url 'https://maven.aliyun.com/repository/jcenter' }
maven{ url 'http://maven.aliyun.com/nexus/content/groups/public' }
}
dependencies {
classpath 'com.android.tools.build:gradle:3.5.0'
}
}
在Android Studio项目的
gradle
下的build.gradle
中配置成如上配置。
开始第一个Flutter项目体验
Android Studio 新建Flutter项目
打开Android Studio
,在左上角找到File
,点击后选择New Flutter Project
选择Flutter Application
,继续。
填写之前安装的flutter
目录的全路径,以及基本的项目名称、项目位置信息。
这里需要填写一个倒序的com.xxxxx.xxxxx
信息,这将作为以后的包名称,如果将来上架后,是不可修改的。
创建成功之后,以新窗口打开项目,全新的Flutter Project就展示在你面前,激动一下!
点击Run
即可运行程序,大功告成!
Visual Studio Code 新建Flutter项目
打开路径: View > Command Palette
然后输入搜索关键词flutter
找到并选择Flutter: New Project
创建成功之后,以新窗口打开项目,全新的Flutter Project就展示在你面前,激动一下!
按下F5
即可运行程序,大功告成!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步