使用android studio创建第一个flutter项目

在Mac上使用android studio的搭建flutter的开发环境并运行hello world全教程:

刚刚亲手操作完的教程,还热乎,简单明了,一篇就够!


首先下载android studio:

android studio中文社区下载地址:http://www.android-studio.org/

官方网址:https://developer.android.google.cn/studio

安装完成后,启动android studio,打开设置栏目Plugins选项


启动studio,打开Plugins

搜索安装Flutter 和dart插件:在flutter安装时如果没有安装dart插件,那么android studio会提示你flutter需要dart依赖,确认后会自动进行下载和安装。


搜索安装Flutter和dart 插件

重启android studio:可以看到在启动页已经有了创建flutter项目的选项。


看到在启动页已经有了创建flutter项目

创建一个flutter项目(需要等待一会)点击“Start a new Flutter project”:


New Flutter Project

在这一步如果我们没有提前下载flutter sdk,可以直接点击Install SDK,

或者去官网下载flutter sdk

再或者命令行下载:

$ git clone-bmaster https://github.com/flutter/flutter.git

$ ./flutter/bin/flutter--version

下载完成后,命令行打开.bash_profile文件,配置环境变量:

$ open ~/.bash_profile

在.bash_profile文件中添加以下信息,保存。

export PATH=${PATH}:/Users/edz/flutter/bin

export PUB_HOSTED_URL=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

到这基本上算是OK了,继续Next,创建项目成功后:

Flutter项目界面

1.Android 文件夹为Android原生交互代码

2.iOS文件夹为iOS原生交互代码

3.lib文件夹为flutter代码,既我们需要编写的dart代码

4,切换选择需要运行的Android或iOS模拟器,模拟器启动后点击运行即可


模拟器执行完毕

好啦,一个基本的Flutter项目从工具配置到创建运行完毕!打完收工!!!

下一篇要讲dart的基本语法,分分钟学会dart都不是事。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容