Flutter 环境配置

这篇具有很好参考价值的文章主要介绍了Flutter 环境配置。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Flutter 环境配置

电脑上面安装配置JDK

1.下载安装JDK

下载地址:https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html)
flutter 配置,flutter,android,android studio

2.配置JDK
2.1、系统变量 里面新增JAVA_HOME,设置值为java sdk 根目录:

flutter 配置,flutter,android,android studio

2.2 系统变量 找到Path 在Path环境变量里面增加如下代码

;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
flutter 配置,flutter,android,android studio

电脑上下载安装Android Studio

下载地址:https://developer.android.google.cn/studio

安卓: 无脑next下一步安装

安装dart 和flutter 插件

flutter 配置,flutter,android,android studio
flutter 配置,flutter,android,android studio
安装完成之后,重启应用。
就会多一个flutter项目的创建
flutter 配置,flutter,android,android studio

电脑上面下载配置Flutter Sdk

下载地址

下载地址:https://flutter.dev/docs/development/tools/sdk/releases#windows
进行解压,放在自己电脑合适的盘就行了
flutter 配置,flutter,android,android studio

配置sdk环境变量

需要把F:\flutter_windows\flutter_windows_3.0.4\flutter\bin目录配置到path环境变量里

flutter 配置,flutter,android,android studio

配置flutter国内镜像

搭建环境过程中要下载很多资源文件,当一些资源下载不了的时候,可能会报各种错误。在国内访问
Flutter的时候有可能会受到限制。Flutter官方为我们提供了国内的镜像.

FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn
PUB_HOSTED_URL: https://pub.flutter-io.cn

flutter 配置,flutter,android,android studio

运行 flutter doctor命令检测环境是否配置成功flutter 配置,flutter,android,android studio
第一次执行可能会提示下面错误:

flutter 配置,flutter,android,android studio
解决方案: 安装cmdline-tools 以及配置androidlicenses:

安装cmdline-tools

flutter 配置,flutter,android,android studio
flutter 配置,flutter,android,android studio

配置android-licenses

flutter 配置,flutter,android,android studio
这个时候复制上面红色框框内的命令

flutter doctor --android-licenses

注意:提示输入Y/N的地方全部输入Y
flutter 配置,flutter,android,android studio

错误二: Visual Studio not installed 如果只是开发Flutter APP可以忽略此错误信息

flutter 配置,flutter,android,android studio
Visual Studio主要用于flutter 桌面软件开发,如果您只是开发flutter app可以不用安装Visual Studio
下载连接:https://visualstudio.microsoft.com/zh-hans/downloads/
flutter 配置,flutter,android,android studio
如果安装失败可以修改DNS尝试
flutter 配置,flutter,android,android studio
flutter 配置,flutter,android,android studio
用android studio创建项目之后:
记得选adroid 目录:
flutter 配置,flutter,android,android studio

flutter 配置,flutter,android,android studio
通过 flutter devices 可以检测检测可用的设备文章来源地址https://www.toymoban.com/news/detail-661144.html

到了这里,关于Flutter 环境配置的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【flutter】flutter doctor -v 查看flutter配置环境问题:X cmdline-tools component is missing 以及 X Android license

    一、遇到报错: 二、异常原因: 2.1 问题1:cmdline-tools component is missing 运行flutter doctor 出现了错误,这是因为没安装cmdline-tools工具。 2.2 问题2:Android license status unknown. flutter doctor 如果提示Android license status unknown.表明没有安装android 证书。 执行命令: flutter doctor --android-lic

    2024年02月16日
    浏览(55)
  • 【Flutter】使用Android Studio 创建第一个flutter应用。

    首先下载好 flutter sdk和 Android Studio。 FlutterSDK下载 Android Studio官网 我的是 windows。 查看flutter安装环境。 如果没有,自己在环境变量的path添加下flutter安装路径。 在将 Path 变量更新后,打开一个新的控制台窗口,然后执行下面的命令。如果它提示有任何的平台相关依赖,那么

    2024年02月10日
    浏览(61)
  • Flutter 开发者工具 Android Studio 开发Flutter应用

    Flutter 开发者工具 在 Android Studio 开发Flutter应用 🔥 Android Studio 版本更新 🔥 Android Studio Check for Update Connection failed ​ 解决方案 ​    ​  🔥 编辑代码,和查看问题 🔥  Dart 插件 可以做到如下几点 :  语法高亮显示。 基于多种类型分析的代码补全。 定位到类型的声明(

    2024年02月15日
    浏览(111)
  • Mac系统配置java、Android_sdk、gradle、maven、ndk、flutter、tomcat环境变量

    搞了三天,终于搞定MAC系统下的各种环境变量了…… 旧版本10.13.6或者更老的MAC系统,只用在.bash_profile文件编辑就行了;新版本10.14.2、10.15.7或者更高的,还要去.zshrc文件加一句source ~/.bash_profile,才能使所有环境永久生效。 打开终端(相当于Windows系统的命令提示符),运行

    2024年02月05日
    浏览(49)
  • Android Studio(Flutter)常用快捷键

    快捷键 说明 Ctrl + Alt + M 抽取方法 Ctrl + Alt + W 抽取组件 Alt + Enter 包裹组件 Shift + F6 重命名 Ctrl + Alt + L 代码格式化 Ctrl + Alt + O 删除无用import Ctrl + X 删除光标所在行 Ctrl + D 复制一行代码 Ctrl + C 复制 Ctrl + V 粘贴 Ctrl + Z 撤销 Ctrl + / 注释一行代码 Ctrl + Shift + / 注释一段代码 Ctrl

    2024年02月02日
    浏览(46)
  • android studio使用Flutter Inspector调试布局

    1、点击anroid studio右侧的Flutter Inspector按钮 2、点击展开布局右上角的‘Select Widget  Mode’,即可实现点击相关节点,真机上可以看到相关的方框 如下图  

    2024年02月13日
    浏览(38)
  • flutter android studio升级java java17

    oricle 网站下载jdk 17 sudo dpkg -i 安装包。 到android-studio 目录, 更新.bashrc里面 然后运行flutter doctor

    2024年04月28日
    浏览(46)
  • ubuntu 上安装flutter dart android studio

    因为国内网站不能使用 使用一下: vi ~/.bashrc 最后添加 export FLUTTER_STORAGE_BASE_URL=https://mirrors.cloud.tencent.com/flutter export PUB_HOSTED_URL=https://mirrors.tuna.tsinghua.edu.cn/dart-pub export PATH=$PATH:/usr/local/go/bin export GOPROXY=https://proxy.golang.com.cn,direct flutter 安装: sudo snap install flutter --classic 查看

    2024年02月11日
    浏览(35)
  • Flutter在Android Studio上创建项目与构建模式

    一、安装插件     1、前提条件,安装配置好Android Studio环境     2、安装Flutter和Dart插件          Linux或者Windows平台: 1)、打开 File    Settings。 2)、在左侧列表中,选择 \\\" Plugins \\\" 右侧上方面板选中  \\\"Marketplace\\\" 在搜索框中输入“flutter”,选择Flutter插件,点击“Install”安

    2024年02月04日
    浏览(47)
  • Android Studio导入flutter项目,运行和调试按钮灰色

    解决方法:检查是否设置如下内容: 1.是否配置了Android SDK ,打开 file = project Structure =project 2.是否配置了Flutter SDK,打开 setting = LanguagesFrameworks =Flutter 3.是否配置了main.dart,点击Add Configuration = Flutter 选中当前需运行项目的main.dart路径并命名,配置成功后选中刚刚命名的dart即

    2024年02月11日
    浏览(69)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包