码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 『Flutter』开发环境搭建


    合集 - Flutter(2)
    1.『Flutter』开篇2023-12-31
    2.『Flutter』开发环境搭建01-01
    收起

    1.前言

    大家好,我是 BNTang,今天给大家介绍一下 Flutter 的开发环境搭建。在之前我已经将 Dart 的基本语法给大家介绍了,所以今天就不再介绍 Dart 的基本语法了,直接进入 Flutter 的开发环境搭建。

    2.安装 Java SDK

    Java SDK 下载地址:https://www.oracle.com/cn/java/technologies/downloads/#jdk17-windows

    配置环境变量:

    img

    如上其实就是将 Java SDK 的 bin 目录添加到环境变量中,这样我们就可以在任意目录下使用 Java 命令了。

    如果对安装 Java SDK 有疑问的话,可以参考我之前写的一篇文章:『Java』Java 环境搭建

    配置完毕了之后,我们可以在命令行中输入 java -version 来查看 Java SDK 的版本:

    3.安装 Flutter SDK

    Flutter SDK 下载地址:https://docs.flutter.dev/get-started/install/windows/desktop?tab=download

    下载完成之后,解压到任意目录下,然后将 Flutter SDK 的 bin 目录添加到环境变量中:

    4.安装 Android Studio

    Android Studio 下载地址:https://developer.android.com/studio?hl=zh-cn

    除了这种方式还可以通过 Toolbox App 来安装 Android Studio:

    如果是通过链接的方式下载的,就自行双击安装包运行起来,一顿 Next,如果出现了如下界面,就点击 Cancel 取消:

    选择 Custom,点击 Next:

    接受许可:

    静静的等待安装完毕即可。

    !!!推荐从官网下载,先不用 Toolbox App,2023-12-31 16:17:46 经过测试,Toolbox App 安装的 Android Studio 也是可以的。所以大家可以根据自己的喜好来选择。

    5.配置 Android Studio

    5.1.安装 Flutter 插件和 Dart 插件

    5.2.其它配置

    6.用 Android Studio 创建一个 Flutter 项目

    配置一下 Flutter SDK:

    然后点击 Next:

    原生平台开发语言我这里 Android language 与 IOS language 分别选择比较老的 Java 与 O C

    点击 create 创建项目即可。

    如下是我创建第一个 Flutter 的基本配置参考即可:

    6.1.安装设备管理器

    点击 start 按钮即可,如果你运行起来发现比较小,你可以参考我下面推荐的配置,单独运行一个窗口来展示设备:

    然后将设备管理器停了,在重新运行效果如下:

    6.2.运行第一个 Flutter 项目

    设备管理器安装好了之后,并且运行过之后,编辑器工具栏的 run 按钮就可以点击了,点击一下运行我们的 Flutter 项目,如下图:

    耐心等待运行起来即可,第一次运行需要点时间:

    闭坑指南

    [!] Network resources X A network error occurred while checking “https://github.com/“:信号灯超时时间已到

    在 flutter doctor 过程中出现将以下全部复制粘贴 C:\Windows\System32\drivers\etc\hosts 里面保存:

    192.30.253.113    github.com
     
    192.30.252.131 github.com
     
    185.31.16.185 github.global.ssl.fastly.net
     
    74.125.237.1 dl-ssl.google.com
     
    173.194.127.200 groups.google.com
     
    192.30.252.131 github.com
    185.31.16.185 github.global.ssl.fastly.net
     
    74.125.128.95 ajax.googleapis.com
    
    192.30.255.112  github.com git
    185.31.16.184 github.global.ssl.fastly.net 
    192.30.253.112    github.com 
    192.30.253.119    gist.github.com
    151.101.184.133    assets-cdn.github.com
    151.101.184.133    raw.githubusercontent.com
    151.101.184.133    gist.githubusercontent.com
    151.101.184.133    cloud.githubusercontent.com
    151.101.184.133    camo.githubusercontent.com
    151.101.184.133    avatars0.githubusercontent.com
    151.101.184.133    avatars1.githubusercontent.com
    151.101.184.133    avatars2.githubusercontent.com
    151.101.184.133    avatars3.githubusercontent.com
    151.101.184.133    avatars4.githubusercontent.com
    151.101.184.133    avatars5.githubusercontent.com
    151.101.184.133    avatars6.githubusercontent.com
    151.101.184.133    avatars7.githubusercontent.com
    151.101.184.133    avatars8.githubusercontent.com
    

    再次运行 flutter doctor -v:

    Visual Studio - develop for Windows

    Visual Studio not installed; this is necessary for Windows development:未安装Visual Studio;这是Windows开发所必需的。

    安装地址:https://visualstudio.microsoft.com/zh-hans/downloads/

    End

    • 🐤如果您对本文有任何疑问或想法,请在评论区留言,我将很乐意与您交流。
    • 🐰您的每一条评论对我都至关重要,我会尽快给予回复。
    • 🎈如果您觉得这篇文章对您有所启发或帮助,请不吝赞赏、收藏或分享。
    • 🎁您的每一个动作都是对我创作的最大鼓励和支持。
    • 👍谢谢您的阅读和陪伴!

    • 1.前言
    • 2.安装 Java SDK
    • 3.安装 Flutter SDK
    • 4.安装 Android Studio
    • 5.配置 Android Studio
    •     5.1.安装 Flutter 插件和 Dart 插件
    •     5.2.其它配置
    • 6.用 Android Studio 创建一个 Flutter 项目
    •     6.1.安装设备管理器
    •     6.2.运行第一个 Flutter 项目
    • 闭坑指南
    • End
  • 相关阅读:
    程序员疯抢的 Java 面试宝典(PDF 版)限时开源,别把大厂想的那么难,关键是你准备得如何
    windows系统使用Vscode在WSL调试golang本地进程
    深入浅出Seata的AT模式
    算法求生 每日刷题记录(三)
    数据库复习带答案
    听云研发总监杨金全:以Tracing为核心的可观测性体系
    番外篇(3)矩阵模块与复用模块的设计细节
    Ubuntu 20.04 LTS设置系统虚拟内存大小
    Flowable 之任务分配
    66、Spring Data JPA 的基本功能--CRUD 和 分页
  • 原文地址:https://www.cnblogs.com/BNTang/p/17938344
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号