likes
comments
collection
share

Flutter 环境搭建

作者站长头像
站长
· 阅读数 7

Flutter 环境搭建

1.安装Flutter

这里,我选择安装到~/opt目录下,cd ~/opt. 然后clone:

git clone -b beta https://github.com/flutter/flutter.git

2.配置环境变量

因为 Flutter 在运行的时候,需要去官方下载所需要的资源.那么没有“梯子”的小伙伴需要配置镜像服务器。 如果想要在任何终端会话中可以运行Flutter命令,需要更新环境变量。

  • 来到你对应 Shell 的配置文件进行配置。
  • 如果你使用默认的bash那么配置 ~/.bash_profile
  • 如果你使用zsh(Mac新系统默认是zsh)那么配置 ~/.zshrc

#Flutter 镜像配置
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

#Flutter 配置
export FLUTTER=/opt/flutter/bin
export PATH=$FLUTTER:$PATH

配置完成就执行 source ~/.bash_profile. 那么接下来!我们可以看看 Flutter 是否配置完成了。Flutter有一个 doctor 检测指令。专门用于检测你的Flutter环境的。

flutter doctor

第一次运行flutter命令(如flutter doctor)时,它会下载它自己的依赖项并自行编译。以后再运行就会快得多。缺失的依赖需要安装一下,安装完成后再运行flutter doctor命令来验证是否安装成功。  Flutter 环境搭建

3. 新建、运行

启动一个模拟器

open -a Simulator

创建项目

flutter create my_app
Creating project my_app...
  my_app/integration_test/driver.dart (created)
     ......  
  my_app/.idea/workspace.xml (created)
Running "flutter pub get" in my_app...                              4.0s
Wrote 75 files.

All done!
In order to run your application, type:

  $ cd my_app
  $ flutter run

Your application code is in my_app/lib/main.dart.

运行

flutter run

 Flutter 环境搭建

4.升级Flutter

4.1Flutter SDK分支

Flutter SDK有多个分支,如beta、dev、master、stable,其中stable分支为稳定分支(日后有新的稳定版本发布后可能也会有新的稳定分支,如1.0.0),dev和master为开发分支,安装flutter后,你可以运行flutter channel查看所有分支,如笔者本地运行后,结果如下:

Flutter channels:
  master
  dev
* beta
  stable

带"*"号的分支即你本地的Flutter SDK 跟踪的分支,要切换分支,可以使用flutter channel betaflutter channel master,Flutter官方建议跟踪稳定分支,但你也可以跟踪master分支,这样可以查看最新的变化,但这样稳定性要低的多。

4.2升级Flutter SDK和依赖包

要升级flutter sdk,只需一句命令:

flutter upgrade

该命令会同时更新Flutter SDK和你的flutter项目依赖包。如果你只想更新项目依赖包(不包括Flutter SDK),可以使用如下命令:

  • flutter packages get获取项目所有的依赖包。
  • flutter packages upgrade 获取项目所有依赖包的最新版本。

5.安装IDE

5.1安装Android Studio

Android Studio: 为Flutter提供完整的IDE体验。去官网下载并安装。

5.2安装插件

Android Studio -> preferences -> Plugins 去安装 Flutter 插件  Flutter 环境搭建

安装时会把dart插件也一并安装上,安装完会提示重启,重启就好了。 重启完以后,会看到这样的界面。  Flutter 环境搭建

5.3安卓许可证问题

再次进行Flutter的检测,flutter doctor时,会发现许可证问题。

 Flutter 环境搭建 输入flutter doctor --android-licenses命令,然后一顿y.

如果一顿y下来,仍提示有证书未安装,再重复一遍上面的命令,反正我是y了三遍才y好。

5.4 Flutter插件找不到

在执行flutter doctor时,还提示了一个错误。Android Studio4.1.1的版本有bug 就是添加了插件还会报那个错误。大家可以降低版本。 因为 Android Studio 4.1 的插件位置变了,所以用 flutter doctor 这个命令去检测时,还是会去原来的位置查找这两个插件,由此导致无法找到插件。 但是并不影响打包编译!!!

转载自:https://juejin.cn/post/6912042557866246152
评论
请登录