最近正式入坑Flutter,首先从环境搭建开始,看了网上好多关于Windows环境搭建的资料,基本都是按官方文档写的,看完的感受是,还不如直接去看官方文档。

英文文档传送门:Get Started: Install on Windows

中文文档传送门:Get Started: Install on Windows

本文主要总结我实际搭建的过程,最后发现不一定按网上那些博客或者官方文档写的来也可以搭建成功。

总的来说需要的也就4样东西,找齐了配置一下就OK;

(1)Flutter SDK (建议下载官网的,下载完直接能用)配置环境

(2)准备ide(Android Studio或者IntelliJ IDEA)配置flutter的SDK即可 建议使用 Android Studio 会少些麻烦

(3)下载Dart插件

(4)下载Flutter插件

(5) 解决问题

安装Flutter SDK

首先下载官方文档中 flutter_windows_v2.5.1 压缩包(如下图红框中所示),解压到自己指定的位置,解压完文件夹名称叫做flutter,这就是Flutter SDK了(后面再ide中配置的时候需要)。同时在系统path中添加flutter中bin所在的路径
注意,不要将flutter安装到需要一些高权限的路径如C:\Program Files\)

在这里插入图片描述

安装flutter

在刚下载的flutter目录下找到flutter_console.bat文件,双击可运行文件,(这里网上有好几种方法进行flutter的安装,比如说打开运行,输入powerShell,然后运行flutter doctor,我试过都有问题,还是用官网的这种方法最靠谱),然后输入指令:flutter doctor,即可自动安装,这个是官网推荐的方法,很靠谱。但是由于我们的国策,使用上面那种方法会一直处于以下的界面:

在这里插入图片描述

最后直接显示超时:

在这里插入图片描述

所以,我们使用国内镜像的地址去下载: 在输入flutter docter之前输入以下两句:

1)命令行输入第一条: set PUB_HOSTED_URL=https://pub.flutter-io.cn

2)命令行输入第二条:set FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

3)再次输入flutter doctor 命令即可执行成功

以上完美解决:Got socket error trying to find package mockito at https://pub.dartlang.org.这个问题。

在这里插入图片描述
在这里插入图片描述

出现这个安装成功。

如果出现下面这个问题请按照下面步骤修复,主要是因为 我们使用的是 Idea 没有使用 Android Studio 没有安装 Android sdk 需要手动安装配置

在这里插入图片描述

下载SDK Manager Tools

这里下载,在官网下拉,在Command line tools only里下载对应平台的sdkManager;

在这里插入图片描述

下载后解压得到文件夹 cmdline-tools, 我们的Android sdk放在 D:\Android\sdk下,解压后的目录最好放在F:\Android\sdk\cmdline-tools\latest里,否则当执行sdkmanager时会报错

在这里插入图片描述

执行一下sdkmanager --list命令

在这里插入图片描述

没有报错,命令成功执行
原因分析及解决方法来源:https://stackoverflow.com/questions/65262340/cmdline-tools-could-not-determine-sdk-root

下载需要的平台及工具

执行sdkmanager “platform-tools” “platforms;android-29”
下载需要的平台及工具,我准备的android系统是10 ,对应平台为29

在这里插入图片描述

输入y同意许可,等待下载完成

在这里插入图片描述

检查一下sdk目录发生了变化

在这里插入图片描述

执行命令sdkmanager “build-tools;28.0.3”,下载build-tools,

在这里插入图片描述
在这里插入图片描述

先执行一下 flutter config --android-sdk F:\Android\sdk,指定一下android sdk路径,在执行 flutter doctor --android-licenses 来修复许可

在这里插入图片描述

一路填 y,知道执行完毕

在这里插入图片描述

再次执行flutter doctor命令

在这里插入图片描述

配置环境变量

新建环境变量ANDRIOD_HOME,值为SDK安装目录,如F:\Android\sdk

在这里插入图片描述

配置环境变量Path,加入%ANDROID_HOME%\tools,%ANDROID_HOME%\platform-tools和%ANDROID_HOME%\build-tools

在这里插入图片描述

至此,flutter 和 android sdk的配置已经进行完毕

安装Dart和Flutter插件

(1)Flutter需要如下两个插件的支持:
Flutter 插件用来支撑Flutter开发者的流程(运行,调试,热加载,等等)
Dart插件则提供代码分析(代码合法性校验,代码补全等等)
(2)然后在Androidstudio或者IntelliJ IDEA 中下载Dart插件,假如下不了,那就是没有进行科学上网的原因,也可以通过科学上网访问下面的链接进行下载。假如是自己通过如下链接下载的,则把下载后的zip包解压后将整个文件夹复制到你使用的ide的plugins文件夹中(整个文件夹拷贝到plugins下即可)。

https://plugins.jetbrains.com/pluginManager/?action=download&id=Dart&build=IU-172.3757.52&uuid=076050b4-d279-493c-945e-5fb3ff2af32e

(3)然后在Androidstudio或者IntelliJ IDEA 中下载flutter-intellij插件,假如下不了,那就是没有进行科学上网的原因,也可以通过科学上网访问下面的链接进行下载。假如是自己通过如下链接下载的,则把下载后的zip包解压后将整个文件夹复制到你使用的ide的plugins文件夹中(整个文件夹拷贝到plugins下即可)。

https://plugins.jetbrains.com/pluginManager/?action=download&id=io.flutter&build=IU-172.3757.52&uuid=076050b4-d279-493c-945e-5fb3ff2af32e

配置Dart和Flutter插件到我们的idea中

打开idea,Create New Project——>选择Flutter,选择SDK路径后Next——>命名项目名(小写),选择项目存储路径后ok。

在这里插入图片描述
在这里插入图片描述

然后进去以后可能你看到并没有下载项目资源,不要慌,我们配置一下,具体的如下所示,第一张是配置DartSDK的路径(指向前面flutter的SDK中的 bin\cache\dart.sdk),第二张是配置flutter SDK路径。配置完成后重启ide,再重新创建新项目即可,等待的时间会比较长,耐心等待完成就可以了。

在这里插入图片描述
在这里插入图片描述

我们第一次运行是需要创建一个模拟器,需要根据 andriod sdk 下载对应镜像,在settings里找到android skd的配置,点edti

在这里插入图片描述

在弹出窗口中点next 开始下载

在这里插入图片描述
在这里插入图片描述

下载完成需要等待一定时间,下载完毕点finish按钮

下载需要的系统镜像

在这里插入图片描述
在这里插入图片描述

接着就可运行项目,配置运行到 Chrome (web)

在这里插入图片描述

运行结果

在这里插入图片描述

至此,配置完毕

到此这篇关于Flutter   Idea 环境搭建及配置的文章就介绍到这了,更多相关Flutter Idea 环境搭建内容请搜索Devmax以前的文章或继续浏览下面的相关文章希望大家以后多多支持Devmax!

Flutter + Idea 环境搭建及配置教程的更多相关文章

  1. 适用于Xcode,IntelliJ Idea和Phonegap(又名Cordova)的gitignore模板

    有没有人有一个很好的预先推出的gitignore文件用于使用Xcode和PhoneGap的iPhone开发?

  2. 第四章 :构建你的应用程序原型

    在应用程序开发的环境下,原型可以是一个app的早期样品,这个样品没有什么功能只有一些用户界面甚至只有草图。原型可以允许你在不构建应用程序的情况下测试你的idea。下图展示原型的好处将应用程序的草图画在纸上现在你有一个idea,怎么构建原型呢?使用POP构建你的应用程序prototype你可以把你的app话在纸上。如前所述,应用程序原型有很多形式。

  3. Flutter中文教程-Cookbook

    Flutter中文网的Cookbook中包含了在编写Flutter应用程序时常见问题及示例。设计基础使用主题共享颜色和字体样式Images显示来自网上的图片用占位符淡入图片使用缓存图Lists创建一个基本list创建一个水平list使用长列表创建不同类型子项的List创建一个gridList处理手势处理点击添加Material触摸水波效果实现滑动关闭导航导航到新页面并返回给新页面传值从新页面返回数据给上一个页面网络从网上获取数据进行认证请求使用WebSockets

  4. android-studio – IDEA中Gradle自动完成的位置在哪里?

    解决方法对于Groovy插件,它可能是Cucumber.我知道Gradle使用Groovy的一些技术和语法,所以我尝试在第一次尝试时安装一些Groovy插件并取得成功.安装此插件的步骤:>在MacOS上:首选项…

  5. android-studio – 未配置Dart SDK

    Initializinggradle…

  6. android-studio – 在Android Studio中放置gitIgnore文件的位置?

    我将此文件复制到AndroidStudio中的gitIgnore文件中,但是当我在gitHub上推送该项目时,我的gitnigore文件如下所示:所以,我复制到AndroidStudio的文件不在这里.问题是什么?解决方法通常在创建新项目时会为您生成gitignore文件.这是正确的.gitignore文件.这是你必须把它.

  7. 安卓 – 从一个扑动的应用程序拨打电话

    或者有更好的选择从我的应用程序拨打电话?

  8. Tools-> Android->启用ADB服务的目的是什么?

    为了将IDEA和DDMS连接到同一个仿真器,我不得不禁用此功能.它有什么作用?这个行动有不利之处吗?

  9. android – 如何在Flutter中添加Webview?

    我知道可以将WebView添加为整页,但找不到任何示例代码.我假设你可以使用PageView作为它的基础,但不知道如何调用本机androidWebView并将其添加到PageView.谁能指出我正确的方向?

  10. android – IntelliJ IDEA认为我的项目的一部分是subversion而不是git,如何解决这个问题?

    解决方法在“设置”中检查项目配置>版本控制.这是配置目录/vcs映射的位置.删除可能存在的任何SVN映射,并确保整个项目映射到Git.顺便说一句,我不知道这怎么可能发生.

随机推荐

  1. Flutter 网络请求框架封装详解

    这篇文章主要介绍了Flutter 网络请求框架封装详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  2. Android单选按钮RadioButton的使用详解

    今天小编就为大家分享一篇关于Android单选按钮RadioButton的使用详解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧

  3. 解决android studio 打包发现generate signed apk 消失不见问题

    这篇文章主要介绍了解决android studio 打包发现generate signed apk 消失不见问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

  4. Android 实现自定义圆形listview功能的实例代码

    这篇文章主要介绍了Android 实现自定义圆形listview功能的实例代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  5. 详解Android studio 动态fragment的用法

    这篇文章主要介绍了Android studio 动态fragment的用法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  6. Android用RecyclerView实现图标拖拽排序以及增删管理

    这篇文章主要介绍了Android用RecyclerView实现图标拖拽排序以及增删管理的方法,帮助大家更好的理解和学习使用Android,感兴趣的朋友可以了解下

  7. Android notifyDataSetChanged() 动态更新ListView案例详解

    这篇文章主要介绍了Android notifyDataSetChanged() 动态更新ListView案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下

  8. Android自定义View实现弹幕效果

    这篇文章主要为大家详细介绍了Android自定义View实现弹幕效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  9. Android自定义View实现跟随手指移动

    这篇文章主要为大家详细介绍了Android自定义View实现跟随手指移动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  10. Android实现多点触摸操作

    这篇文章主要介绍了Android实现多点触摸操作,实现图片的放大、缩小和旋转等处理,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

返回
顶部