Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。
Google良心,在国内架设了一个服务器,这个国内网址不用额外上网就可以直接愉快下载了。
官网:https://developer.android.google.cn/studio#downloads
一路安装就好,几乎没坑,启动界面很好看,有没有?
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 v1.7.5 For Windows SDK
git clone -b stable https://github.com/flutter/flutter.git
切换到对应的flutter
目录找到并运行flutter_console.bat
进行安装。
可以通过“设置 - 关于 - 右侧系统信息 - 高级系统设置 - 高级 - 环境变量 - 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插件,会自动安装所需的Dart插件。
打开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
中配置成如上配置。
打开Android Studio
,在左上角找到File
,点击后选择New Flutter Project
选择Flutter Application
,继续。
填写之前安装的flutter
目录的全路径,以及基本的项目名称、项目位置信息。
这里需要填写一个倒序的com.xxxxx.xxxxx
信息,这将作为以后的包名称,如果将来上架后,是不可修改的。
创建成功之后,以新窗口打开项目,全新的Flutter Project就展示在你面前,激动一下!
点击Run
即可运行程序,大功告成!
打开路径: View > Command Palette
然后输入搜索关键词flutter
找到并选择Flutter: New Project
创建成功之后,以新窗口打开项目,全新的Flutter Project就展示在你面前,激动一下!
按下F5
即可运行程序,大功告成!
手机扫一扫
移动阅读更方便
你可能感兴趣的文章