flutter

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

2019-11-05  本文已影响0人  买火柴的大叔

在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都不是事。

上一篇 下一篇

猜你喜欢

热点阅读