Flutter(1) 安装和编辑器配置

下载安装Flutter

1.去官方网站下载最新的可用的安装包
https://flutter.io/docs/development/tools/sdk/archive?tab=macos#macos
可能需要科学上网。
2.解压下载的包到自己的目录下
3.设置flutter的环境变量

  • 确定您Flutter SDK的目录,您将在步骤3中用到。
  • 打开(或创建) $HOME/.bash_profile. 文件路径和文件名可能在您的机器上不同.
  • 添加以下行并更改[PATH_TO_FLUTTER_GIT_DIRECTORY]为克隆Flutter的git repo的路径:
    export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置
    export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH

    4.运行flutter doctor -v 可以输出当前flutter的可运行状态以及问题
    在这里插入图片描述
    当你尝试修复上述问题时,可以反复运行doctor命令来验证是否修复。

编辑器设置

使用 flutter 命令行工具,您可以使用任何编辑器来开发Flutter应用程序。输入flutter help在提示符下查看可用的工具。
Android Studio 设置
要为Android开发Flutter应用,您可以使用Mac,Windows或Linux(64位)机器.

Flutter需要安装和配置Android Studio:

下载并安装 Android Studio.

启动Android Studio,然后执行“Android Studio安装向导”。这将安装最新的Android SDK,Android SDK平台工具和Android SDK构建工具,这是Flutter为Android开发时所必需的

  • 启动Android Studio.
  • 打开插件首选项 (Configure/Plugins).
  • 在这里插入图片描述
  • 选择 Browse repositories…, 选择 Flutter 插件并点击 install.
  • 在这里插入图片描述
  • 重启Android Studio后插件生效

运行第一个Flutter 程序

1.创建Flutter工程
在这里插入图片描述
2.选择类型为Flutter Application
在这里插入图片描述
3.创建完成后运行,可以看到如下结果
在这里插入图片描述
4.修改输出,查看变化。将会自动热重载出你所修改的内容
在这里插入图片描述
[1]: https://flutterchina.club/get-started/editor/

猜你喜欢

转载自blog.csdn.net/qq_35554975/article/details/86763210
今日推荐