Flutter环境配置

Posted jyd0124

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Flutter环境配置相关的知识,希望对你有一定的参考价值。

一、安装android Studio

https://developer.android.google.cn/studio/

参考链接:https://jingyan.baidu.com/article/c14654137e11014bfcfc4cc5.html

二、获取Flutter SDK

https://flutter.dev/docs/development/tools/sdk/releases#windows/

将sdk解压,注意,不要将flutter安装到需要一些高权限的路径如C:Program Files

三、配置环境变量

(1)Path中添加

         flutterin的全路径,例如我的,E:Softwareflutter_SDKflutterin

(2)添加PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL,分别设置为

        技术图片 

       技术图片

 四、这时需要重启电脑,然后进入PowerShell,输入命令 flutter doctor检查配置项

 技术图片

 发现没有配置Android sdk,如下图所示添加ANDROID_HOME

技术图片

下图是Android studio中Android SDK的位置:

技术图片

 五、重新进入PowerShell,输入 flutter doctor

技术图片

 显示 Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses

 六、输入 flutter doctor --android-licenses,一路Y下去即可,完成之后重复步骤五

技术图片

表示只有Android Studio的两个插件没有安装了

七、打开Android Studio,安装Dart和Flutter两个插件

      Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等)。
      Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等)。

      然后 重新运行flutter doctor

技术图片

 技术图片

 技术图片

 都是绿色的小勾勾表示搭建成功!!!

以上是关于Flutter环境配置的主要内容,如果未能解决你的问题,请参考以下文章

Flutter 专题01 图解 Windows 环境下安装配置环境

在 webview_flutter 中启用捏合和缩放,在哪里添加代码片段 [this.webView.getSettings().setBuiltInZoomControls(true);]

Flutter开发环境配置:FlutterSDKAndroid SDKiOS SDK

从0开始学习Flutter 01 图解 Windows 环境下安装配置环境

flutter解决 dart:html 只支持 flutter_web 其他平台编译报错 Avoid using web-only libraries outside Flutter web(代码片段

Flutter 报错 DioError [DioErrorType.DEFAULT]: Bad state: Insecure HTTP is not allowed by platform(代码片段