Flutter入门安装 ,win10 Android studio 教程

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。


以下针对win10系统安装

一.首先第一步下载Flutter的SDK和git

Flutter SDK下载链接 或者git下载   git clone -b master https://github.com/flutter/flutter.git

git

二.设置环境变量

右键点击我的电脑--->属性--->高级系统设置--->环境变量

在系统变量里面新建两个

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

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


双击path--->新建

填入flutter里面bin目录路径和git里面的bin路径


三.插件安装(Dart与Fultter)

如果安装失败,重启studio后重试

安装完成重启studio

四.命令执行 flutter doctor


1.  \flutter\bin\cache\dart-sdk\bin\dart.exe"' 不是内部或外部命令

删除flutter\bin\cache 文件夹,重新执行flutter docator  即可

2. 执行 flutter doctor 命令出错提示Could not find a command named "docator".


执行 flutter -h  再执行 flutter doctor 命令 即可


出现感叹号,根据提示 执行命令  flutter doctor --android-licenses 

根据提示一直输入 y 即可

五.创建flutter项目


选择flutter路径

创建项目会下载kotlin和gradle ,根据网络情况看等待时间,如果创建项目长时间处于greating Flutter project ,这时你的项目已经被创建了。打开任务管理器结束Androidstudio,打开刚创建的项目,打开设置搜索flutter,看flutterSDK路径是否正确

打开项目点击 右上角 Get dependencies

打开模拟器运行项目的时候如果出现如下图


定位到Android --> build.gradle  

添加到下图红色标记处

classpath'com.google.protobuf:protobuf-gradle-plugin:0.8.8'

maven { url"https://storage.googleapis.com/download.flutter.io" }

然后点击右上角 open for Editing Android studio

选择 new window


可以看到右下角正在下载


等待执行成功


如果出错反复打开flutter_app/android 项目直到成功

再次运行成功



你可能感兴趣的:(Flutter入门安装 ,win10 Android studio 教程)