Android Studio 中创建Flutter环境配置(Mac环境)

注:可参见Flutter中文网:https://flutterchina.club/setup-macos/

1.先下载Flutter 的SDK ,网页中有打包好的SDK(https://flutter.io/setup-macos/)

2.设置PATH

代码下载之后在终端中打开bash_profile文件 进行配置(这个文件用Mac开发过的应该都会有,如果没有,自己创建bash_profile,在终端录入 vim ~/.bash_profile

//会进入vim编辑,如下配置即可(进入之后按i进行编辑)

export FLUTTER_HOME=/Users/你刚才到下载路径/flutter

export PATH=$PATH:$FLUTTER_HOME/bin

3.安装Flutter和Dart插件

需要安装两个插件:

Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等).

Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).

要安装这些:

(1)启动Android Studio.

(2)打开插件首选项 (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).

(3)选择 Browse repositories…, 选择 Flutter 插件并点击 install.

(4)重启Android Studio后插件生效.

4.现在可以建项目了

(1)选择 File>New Flutter Project

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

(3)输入项目名称 (如 myapp), 然后点击 Next

(4)点击 Finish

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

上述命令创建一个Flutter项目,项目名为myapp,其中包含一个使用Material 组件的简单演示应用程序。

在项目目录中,您应用程序的代码位于 lib/main.dart.

 注意:在第(3)步的时候,可能会出现Flutter SDK path not given


Android Studio 中创建Flutter环境配置(Mac环境)_第1张图片
Flutter SDK path not given

因为没有设置过Flutter SDK path,所以需要设置一下。打开 AndroidStudio 可以直接填写在 Flutter SDK path 中,也可以在 AndroidStudio -> Setting -> Languages & Frameworks -> Flutter 中添加配置,如图:

Android Studio 中创建Flutter环境配置(Mac环境)_第2张图片
设置Flutter SDK path

设置好就可以建项目了。第一次创建量个漫长漫长的过程,不要着急。

5.手机连接上电脑,运行即可,如图

Android Studio 中创建Flutter环境配置(Mac环境)_第3张图片
hello 


PS: 第一次摸索设置运行,有不对的地方望指正。

你可能感兴趣的:(Android Studio 中创建Flutter环境配置(Mac环境))