MacOS上搭建Flutter开发环境
- flutter官网下载最新的安装包,https://flutter.io/sdk-archive/#macos
- 解压安装包到你想安装的目录。直接解压或者是用unzip命令
- 打开mac终端,输入命令
open -e .bash_profile
打开环境变量配置,在打开的文件中添加下面这段配置:
export PATH=$PATH:/Users/caojing/flutter/flutter/bin
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
其中第一行的PATH 是你flutter的解压后的目录路径,第二行和第三行是路径下面的tools和 platform-tools文件夹,
最后两行是flutter的国内镜像。
配置完成后,执行source ~/.bash_profile
命令,刷新当前终端窗口。
- 配置完成后在终端输入命令:
flutter doctor
检查你的环境并在命令行窗口中显示报告。命令执行完成后会出现下面这段代码,我这里是Android studio环境已经配置好了,所以如果Android studio环境没配置好需要配置好Android studio环境,这个下面会讲到。当然如果你是iOS开发也可以直接配置Xcode环境。
caojingMBP:~ caojing$ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.17.5, on Mac OS X 10.15.6 19G73, locale
zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 11.6)
[✓] Android Studio (version 4.0)
[!] IntelliJ IDEA Ultimate Edition (version 2020.1.2)
✗ Flutter plugin not installed; this adds Flutter specific functionality.
✗ Dart plugin not installed; this adds Dart specific functionality.
[✓] Connected device (1 available)
! Doctor found issues in 1 category.
在windows中配置环境变量实际上更简单,打开环境变量配置对话框,将上面的环境变量配置到Windows中即可。这里就不做过多说明。
Android Studio配置和使用
-
在Android Studio上安装flutte和dart插件
-
打开插件设置 (macOS:Preferences>Plugins, Windows:File>Settings>Plugins)
-
选择Marketplace,在搜索框中输入flutter和dart插件分别安装。
-
重启Android Studio后插件生效。
-
-
安装完成后,我们可以新建一个flutter项目来体验一下flutter的热重载功能
-
选择 File>New Flutter Project 。
-
选择 Flutter application 作为 project 类型, 然后点击 Next。
-
输入项目名称 (如 myapp),然后点击 Next。
-
点击 Finish。
-
等待Android Studio安装SDK并创建项目。
-
网友评论