• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

【Flutter 1-2】在 Windows 10下安装Flutter+Dart+Android Studio 配置Flutter开发环 ...

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

在 Windows 10下安装Flutter+Dart+Android Studio 配置Flutter开发环境

文章首发地址

配置环境变量

由于部分网站被墙的原因,我们需要先配置Flutter国内镜像地址,这两个地址是由Flutter官方维护的,可以放心使用
首先我们找到此电脑点击右键,然后点击属性

然后点击高级系统设置

点击高级然后找到下面的环境变量并点击

点击新建

变量名输入PUB_HOSTED_URL 变量值输入 https://pub.flutter-io.cn 然后点击确定

继续点击 新建
变量名输入FLUTTER_STORAGE_BASE_URL 变量值输入 https://storage.flutter-io.cn 然后点击确定

到这里需要的环境变量就配置完成了

开始安装Flutter
  • 下载安装文件并解压缩
    点击进入官网下载需要的版本
    如果不能打开该网站,可去我的网盘去取版本是1.22.0 提取码: awjy
    下载完成后在新建一个文件夹解压缩,我这里选的是C:\src\flutter
    解压成功之后,我们需要将Flutter也配置到环境变量中,flutter文件夹下的bin目录路径(我这里是C:\src\flutter\bin)配置到环境变量中。打开配置环境变量的步骤参考 上面的步骤配置环境变量
    双击Path来添加

    C:\src\flutter\bin配置进去

  • 运行 flutter doctor
    将路径配置之后我们打开 终端工具PowerShell 输入 flutter doctor查看还有哪些需要配置。flutter doctor是Flutter官方提供的用来检测当前Flutter配置环境的工具,可以快速的帮我们发现问题。
    运行之后我们会看到输出如下:

很明显我们还需要安装 Android Studio,Andriod Studio是Flutter官方支持的IDE工具。
去Andriod Studio 官网下载下载完成后,一路Next安装完成,然后启动Android Studio,第一次安装默认会安装很多依赖,这个等慢慢安装就可以了。
启动之后点击File->Settings

找到Plugins在输入框内输入Flutter点击安装

安装Flutter的时候默认会要求安装Dart

安装后重启 Andriod Studio

然后我们把Android SDK路径配置到系统变量里面
我们先找到File->Other Settings->Default Project Structure..并点击

找到SDK的路径

进入到文件下找到SDK文件夹有一个platform-tools的文件夹,复制这个路径添加到系统Path
变量名是ANDROID_HOME

这时候我们再执行一次 flutter doctor

现在我们只需要再执行一次 flutter doctor --android-licenses 弹出的提示选择y或者是直接回车即可。
然后再运行一次flutter doctor已经没有错误提示了。
这样我们的Flutter的环境就配置完成了。

安装Android 模拟器

打开Android Studio 找到右上角的AVD Manager并点击

点击Create Virtual Device... 选择一个我们需要需要安装的模拟器,然后点击Next

在配置页面选择Hardware - GLES 2.0

新建Flutter项目并运行

点击Android Studio 里面的 File->New->New Flutter Project
新建项目并打开
选择我们刚刚安装好的模拟器,并且点击运行 就可以看到效果啦!

可能会遇到的问题

在执行 flutter doctor --android-licenses出现以下错误

需要我们手动安装Android SDK Platform-Tools
打开Android Studio 点击File->Settings->Android SDK找到Android SDK Platform-Tools安装即可!


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
Dart Memo for Android Developers发布时间:2022-07-13
下一篇:
【Flutter 1-7】Flutter教程Dart语言——变量发布时间:2022-07-13
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap