Flutter For Mac 环境配置

Flutter中文网:https://flutterchina.club/setup-macos/

1.下载Flutter SDK

地址:https://flutter.dev/docs/development/tools/sdk/archive?tab=macos#macos
选择对应的操作系统,下载完毕解压放在一个文件路径下,下一步环境配置需要这个路径,
例如:/Users/mac name
下载Android SDK,二选一
地址:http://mac.softpedia.com/get/Developer-Tools/Google-Android-SDK.shtml
http://down.tech.sina.com.cn/page/45703.html

2.配置环境路径,打开Terminal，输入vi ./.bash_profile,回车，打开./.bash_profile文件:

注意事项:打开了./.bash_profile文件，但是还处于查看模式，不能编辑。输入“i”，进入insert模式,插入倒数第三行的路径配置:

export PATH=/Users/mac name/flutter/bin:$PATH
export ANDROID_HOME="/Users/mac name/android-sdk-macosx"
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

屏幕快照 2019-03-25 下午2.39.25.png

编辑完成，点击“esc键，退出insert模式”, 然后输入“:wq”,回车，保存成功。

3.输入“source ./.bash_profile”，让环境变量生效。

4.运行flutter帮助命令，运行命令行：

$ flutter -h

5.检查环境

$ flutter doctor

出现[!]就是没有配置好,按照提示逐一配置

检查.png

6.Android Studio环境配置

屏幕快照 2019-03-25 下午2.25.57.png
屏幕快照 2019-03-25 下午2.25.48.png
注意事项:安装Flutter插件包含Dart环境

5.创建Flutter项目

屏幕快照 2019-03-25 下午2.57.23.png
屏幕快照 2019-03-25 下午2.57.34.png

命令行创建项目

1. 使用 flutter create 命令创建一个project:

$ flutter create my_flutter_app
$ cd my_flutter_app

上述命令创建一个Flutte让项目，项目名为my_flutter_app

运行应用程序

• 检查模拟器设备是否在运行。如果没有显示, 启动Android studio 安卓模拟器或者命令行启动Xcode 模拟器

• 检查设备

$ flutter devices

• 启动Xcode 模拟器

$ open -a Simulator

• 运行 flutter run 命令来运行应用程序:

$ flutter run