前言
本文章纯为学习中的经验,不是教程,若有问题欢迎讨论。
另外贴上Flutter中文官网,上面也有教程,只是我这里用自己的语言记录自己学习过程。
Flutter 中文网
安装
看了一下Flutter的安装文档,先归纳一下所有的:
- Flutter SDK
- VS Code
- Xcode
- Android Stodio & Java
现在一个个说明分别是啥,以及安装的大致方法。
PS:我这是Mac的安装,在win上也差不多的,所以,举一反三即可。
Flutter SDK
无需多言,必须下载并安装的,提供下载地址:
Flutter SDK
下载之后,解压缩,得到的文件夹放在想放的目录下(最好放在访达的“文档”、“应用”这些目录中,不然运行时会有权限问题),然后配置系统参数并刷新即可。
# flutter
export PATH=$PATH:/Users/你的用户名/Documents/你的Flutter目录
export PUB_HOSTED_URL="https://pub.flutter-io.cn"
export FLUTTER_STORAGE_BASE_URL="https://storage.flutter-io.cn"
替换上面的PATH中的目录,命令行运行 flutter doctor 即可。
贴一下目前学到的几个命令:
# flutter 命令辅助
flutter --help
# 检查 flutter 配置项
flutter doctor
# 创建项目
flutter create
# 查看可用的设备
flutter emulator
# 连接可用的设备
flutter emulator --launch 设备name
# 编译项目并运行在设备上
flutter run
VS Code
额,VS Code 就不多说了,我的常用编辑器,直接插件安装 flutter 即可,会顺带安装 Dart 依赖。
安装完成后可以通过 shift + common + P ,输入 flutter 进行一系列的操作,另外可以通过vscode 自带的调试来进行 flutter 应用的调试。
Xcode
如果你要编译ios应用,那么需要安装这个,这个软件集成了ios的系列环境和模拟器。
安装方法就是在苹果商店下载,好像只有mac可以。
Android Stodio & Java
如果你要编译android应用,那么需要安装这两个,这些就是android的环境和开发模拟器。
安装地址:
Android Stodio
Java
就是下载,安装,下一步下一步即可。
因为是谷歌的,所以安装时最好在开放的网络中安装(FQ,你懂的)。
安装完成后,需要在命令行中执行:
flutter doctor --android-licenses
接受安卓的开发许可,一路yes即可。
Android Stodio 插件安装
Android Stodio 还需要安装 Flutter 和 Dart 这两个插件,步骤如下:
- 打开 Android Stodio,打开 Flutter 项目。
- 左上角的 Android Stodio -> Preferences,选择左侧的 Plugins
- 搜索 Flutter 并安装,会提醒你一同安装 Dart,同意即可。
- 重启 Android Stodio 使插件生效