Flutter 环境搭建
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命令来验证是否安装成功。
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
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 beta
或 flutter 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 插件
安装时会把dart
插件也一并安装上,安装完会提示重启,重启就好了。
重启完以后,会看到这样的界面。
5.3安卓许可证问题
再次进行Flutter的检测,flutter doctor
时,会发现许可证问题。
输入
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