Flutter 笔记一:Mac的环境安装

前言

本文章纯为学习中的经验,不是教程,若有问题欢迎讨论。

另外贴上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 这两个插件,步骤如下:

  1. 打开 Android Stodio,打开 Flutter 项目。
  2. 左上角的 Android Stodio -> Preferences,选择左侧的 Plugins
  3. 搜索 Flutter 并安装,会提醒你一同安装 Dart,同意即可。
  4. 重启 Android Stodio 使插件生效

你可能感兴趣的:(Flutter 笔记一:Mac的环境安装)