在Android Studio中创建Flutter工程

准备工作

  • 安装Android Studio,并安装最新版本Android SDK。
  • 安装Flutter SDK,并已设置环境变量。推荐安装dev版本。

Flutter集成了Dart,因此不需要单独安装dart-sdk。

安装Android Studio插件

Android Studio需要安装Dart和Flutter两个插件。
打开Android Studio,选择File→Settings,在弹出的Settings对话框左侧选Plugins标签,点击右侧下方中间的Browse repositories…,在弹出的对话框中搜索dart并安装:
dartPlugin
然后搜索flutter并安装:
flutterPlugin
安装完成后,重启Android Studio。
若安装成功,再次进入到Settings界面,左侧的Languages & Framewords标签下会多出Dart和Flutter两个子标签。
选择Flutter标签,将右侧的Flutter SDK path设置为本地的flutter安装目录。
flutterPath

创建Flutter工程

点击File→New,右侧会多出一个New Flutter Project的选项。
flutterProject
进入Flutter工程创建向导,选择Flutter Application:
flutterNew1
在Flutter SDK path中选择本地的Flutter安装目录,并设置Project location:
flutterNew2
完善公司信息,点Finish完成创建。
flutterNew3

工程

打开Flutter工程,右上角为模拟器与主类。若此时有模拟器运行,则模拟器列表中就会列出。
在这里插入图片描述
点击右上角的绿色三角形图标来run,下方控制台会显示执行过程。若一切顺利,模拟器中就可以看到app的页面了。
若无法翻墙,则运行可能出错。使用下面阿里镜像的解决方案。

阿里镜像

由于flutter需要翻墙,因此设置使用阿里镜像:
打开工程根目录\android\build.gradle文件,修改buildscript为:

buildscript {
    repositories {
        // google()
        // jcenter()
        maven{ url 'https://maven.aliyun.com/repository/google' }
        maven{ url 'https://maven.aliyun.com/repository/jcenter' }
        maven{url 'http://maven.aliyun.com/nexus/content/groups/public'}
    }
}
发布了215 篇原创文章 · 获赞 51 · 访问量 16万+

猜你喜欢

转载自blog.csdn.net/fyyyr/article/details/86593149