Flutter系列教程之(1)——环境配置、创建项目及打包apk

目录

1.Flutter的SDK下载

2.环境变量设置

3.Flutter和Dart的AS插件安装

4.项目创建

5.打包apk


1.Flutter的SDK下载

下载到话请到Flutter中文网进行下载,我是选择下载了压缩包,之后使用命令行的来进行安装

1.将压缩包解压,然后把其中的 flutter 目录整个放在你预想的 Flutter SDK 安装目录中(比如 C:\src\flutter;请勿将该目录放在一些需要额外操作权限的目录,比如 C:\Program Files\)。

2.找到 flutter 目录中的 flutter_console.bat 文件,双击执行该批处理脚本。

**PS:**Flutter已经自带Dart的SDK,而且是精简版的,所以不要另外单独去下载Dart的SDK,会出现错误。

Dart的SDK位于/bin/cache/dart-sdk目录下,之后创建Flutter项目需要选择

2.环境变量设置

把Flutter的bin目录路径复制一份,在Path的环境变量添加

因为我嫌麻烦,后面单一的环境变量是通过命令行的方式进行操作的,当然你也可以使用图形化的界面来设置环境变量

Windows命令:

Dart 复制代码
setx "ANDROID_SDK_ROOT" "I:\Android\sdk"
setx "PUB_HOSTED_URL" "https://pub.flutter-io.cn"
setx "FLUTTER_STORAGE_BASE_URL" "https://storage.flutter-io.cn"
  • ANDROID_SDK_ROOT是你Android SDK的目录,不加这个后面Android Studio打包apk会报错
  • PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL是Flutter的国内镜像源,官方说是临时的,后期可能需要改动

PS:设置完环境变量记得重启或者是注销当前用户重新登录

3.Flutter和Dart的AS插件安装

这里就不提Android Studio的安装和下载啦,我们打开Android Studio,先下载并安装好Dart的插件,重启一次Android Studio之后再安装Flutter插件,不能一次性安装两个,需要有先后顺序

4.项目创建

安装完之后,让我们创建一个demo来试试效果吧,安装完Flutter插件之后,Android Studio会出现一行创建Flutter的选项,选择即可创建Flutter项目

注意,选择安装Flutter是从github上进行clone操作,所以,你懂得,会超级慢...

之后finish就可以了

如果创建项目的时候比较卡,建议选择离线模式创建

补充:下面是我的理解这几个选项,可能有错误,仅供参考!

5.打包apk

选择main.dart文件,之后点击Build -> Flutter->build apk

现在是简单的打包apk,由于我也是初入门,还不知道怎么去设置签名文件去打包一份apk,后期再补充一篇关于使用FLutter打包的文章

相关推荐
Zender Han4 小时前
Flutter 视频播放器——flick_video_player 介绍与使用
android·flutter·ios·音视频
恋猫de小郭8 小时前
Flutter Riverpod 3.0 发布,大规模重构下的全新状态管理框架
android·前端·flutter
RaidenLiu10 小时前
Riverpod 3:重建控制的实践与性能优化指南
前端·flutter
蒋星熠1 天前
Flutter跨平台工程实践与原理透视:从渲染引擎到高质产物
开发语言·python·算法·flutter·设计模式·性能优化·硬件工程
卢叁1 天前
Flutter之自定义TabIndicator
前端·flutter
萧雾宇1 天前
Android Compose打造仿现实逼真的烟花特效
android·flutter·kotlin
拜无忧1 天前
【教程】flutter常用知识点总结-针对小白
android·flutter·android studio
拜无忧1 天前
【教程】Flutter 高性能项目架构创建指南:从入门到高性能架构
android·flutter·android studio
醉过才知酒浓1 天前
flutter 拦截返回按钮的方法(WillPopScope or PopScope)
flutter
傅里叶1 天前
sudo启动Flutter程序AMD初始化失败
linux·flutter