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


Flutter SDK path not given

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

设置Flutter SDK path

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

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

hello


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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容