MacOS上搭建Flutter开发环境

- flutter官网下载最新的安装包&＃xff0c;https://flutter.io/sdk-archive/#macos

- 解压安装包到你想安装的目录。直接解压或者是用unzip命令

- 打开mac终端&＃xff0c;输入命令 &＃96;open -e .bash_profile&＃96;打开环境变量配置&＃xff0c;在打开的文件中添加下面这段配置&＃xff1a;

export PATH&＃61;$PATH:/Users/caojing/flutter/flutter/bin export PATH&＃61;${PATH}:${ANDROID_HOME}/toolsexport PATH&＃61;${PATH}:${ANDROID_HOME}/platform-toolsexport PUB_HOSTED_URL&＃61;https://pub.flutter-io.cnexport FLUTTER_STORAGE_BASE_URL&＃61;https://storage.flutter-io.cn

其中第一行的PATH 是你flutter的解压后的目录路径&＃xff0c;

第二行和第三行是路径下面的tools和 platform-tools文件夹&＃xff0c;

最后两行是flutter的国内镜像。

配置完成后&＃xff0c;执行&＃96;source ~/.bash_profile&＃96;命令&＃xff0c;刷新当前终端窗口。

配置完成后在终端输入命令&＃xff1a;&＃96;flutter doctor&＃96;检查你的环境并在命令行窗口中显示报告。

命令执行完成后会出现下面这段代码&＃xff0c;我这里是Android studio环境已经配置好了&＃xff0c;

所以如果Android studio环境没配置好需要配置好Android studio环境&＃xff0c;这个下面会讲到。

当然如果你是iOS开发也可以直接配置Xcode环境。

caojingMBP:~ caojing$ flutter doctorDoctor 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中配置环境变量实际上更简单&＃xff0c;打开环境变量配置对话框&＃xff0c;将上面的环境变量配置到Windows中即可。这里就不做过多说明。

Android Studio配置和使用

在Android Studio上安装flutte和dart插件

1. 打开插件设置 (macOS&＃xff1a;Preferences>Plugins, Windows&＃xff1a;File>Settings>Plugins)

2. 选择Marketplace&＃xff0c;在搜索框中输入flutter和dart插件分别安装。

3. 重启Android Studio后插件生效。

在插件市场搜索dart插件

- 安装完成后&＃xff0c;我们可以新建一个flutter项目来体验一下flutter的热重载功能

1. 选择 File>New Flutter Project 。

2. 选择 Flutter application 作为 project 类型, 然后点击 Next。

3. 输入项目名称 (如 myapp)&＃xff0c;然后点击 Next。

4. 点击 Finish。

5. 等待Android Studio安装SDK并创建项目。