美文网首页
Android Studio搭建Flutter

Android Studio搭建Flutter

作者: 我要离开浪浪山 | 来源:发表于2021-08-27 17:34 被阅读0次
    image.png

    1、下载flutter开发包

    flutter开发SDK使用git克隆仓库下载。至于git的使用不是本篇文章介绍的内容,不熟悉git的请移步git使用详细教程
    在git命令行下输入如下命令:

    git clone -b alpha [https://github.com/flutter/flutter.git](https://github.com/flutter/flutter.git)
    

    注意: flutter的下载路径要全英文并且路径不能有空格!
    执行完命令后等待下载即可。

    2、 配置环境变量

    1、window10电脑找到环境变量位置

    image.png image.png image.png

    2、在系统环境变量path中添加刚刚下载的flutter的路径。将bin文件路径添加至path中
    win7添加效果:

    image.png

    由于笔者没有使用Win7系统,win7效果图是网上找的,其flutter下载路径在d盘,我的下载路径是放在c盘的,请读者根据个人目录设置。
    win10效果:

    image.png

    3、 windows命令行cmd中执行flutter doctor命令

    flutter doctor 会自动检测当前开发环境配置,并且自动下载欠缺的文件。下载过程相对耗时。尤其对于国内用户有时还是出现下载失败情况。
    笔者也是尝试多次才执行命令才成功。

    安装成功后效果:


    image.png

    4、Android Studio安装Dart插件

    打开Android Studio -> File -> Settings -> Plugins
    搜索Dart插件 在右侧点击Install即可。
    安装后效果:

    image.png

    同样的步骤搜索Flutter插件安装即可,安装完成效果:


    image.png

    5、创建Flutter项目

    插件安装完成后,重启Android Studio新建项目会发现增加了创建Flutter项目的选项。

    image.png

    然后就一路Next,最后finish即可。

    6、国内开发者新增如下配置

    注意:对于国内开发者创建项目可能会卡在Create flutter .. 底部显示 building Symbols...状态。
    查看Console会提示Got socket error trying to find package at http://pub.dartlang.org

    解决办法:

    win7添加后效果:

    image.png

    win10添加后效果:

    image.png

    7、运行项目

    点击运行按钮即可安装flutter程序。

    image.png

    到此开发环境搭建完毕。


    参考:https://www.jianshu.com/p/cda416e2fc0d

    相关文章

      网友评论

          本文标题:Android Studio搭建Flutter

          本文链接:https://www.haomeiwen.com/subject/exgmiltx.html