文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

vscode配置flutter开发环境,不需要安装第三方安卓模拟器

2023-08-30 20:41

关注
  1. 点击下方的安装包,获取 stable 发行通道的 Flutter SDK 最新版本:Flutter SDK

  2. 将压缩包解压,然后把其中的 flutter 目录整个放在你想放置 Flutter SDK 的路径中**(注意不要出现中文目录)**

  3. 配置Windows系统的环境变量,在用户变量一栏中,在Path中添加 flutter\bin 目录的完整路径。例如:
    ![[Pasted image 20230528154354.png]]

  4. 配置好环境变量后可打开电脑的cmd窗口,使用命令

flutter doctor
在这里插入图片描述

上述命令会检查你的现有环境,并将检测结果以报告形式呈现出来。仔细阅读它显示的内容,检查是否有尚未安装的软件或是有其他的步骤需要完成(通常会以粗体呈现)。
第一次安装一般会出现下面的问题

[-] Android toolchain - develop for Android devices    • Android SDK at D:\Android\sdk    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ    • Try re-installing or updating your Android SDK,      visit https://flutter.cn/docs/setup/#android-setup for detailed instructions.

这是因为我们没有配置好对应的Android 开发环境,接下来配置Android环境。

  1. 下载并安装 Android Studio

  2. 运行 Android Studio,并进入设置,配置你想要运行的Android SDK版本。
    ![[Pasted image 20230528155115.png]]

  3. ‘Android Studio Setup Wizard’,这会安装最新的 Android SDK, Android SDK Platform-Tools 以及 Android SDK Build-Tools,这些都是在开发 Android Flutter 应用时所需要的。还需要安装Android Emulator用来在vscode中启动安卓虚拟机。
    ![[Pasted image 20230528155257.png]]

  4. 运行 flutter doctor 确保 Flutter 已经定位到了你的 Android Studio 的安装位置。如果 Flutter 并未定位到,运行 flutter config --android-studio-dir 设置你的 Android Studio 的安装目录。

3.1 进入Device Manager配置安卓设备

![[Pasted image 20230528155814.png]]

3.2 创建安卓虚拟机

![[Pasted image 20230528160327.png]]

3.3 选择x86 镜像

![[Pasted image 20230528160404.png]]

3.4 配置硬件加速

![[Pasted image 20230528160448.png]]

3.5 启动模拟器

![[Pasted image 20230528160529.png]]

1.安装 Flutter 和 Dart 插件

  1. 打开 VS Code。

  2. 打开 View > Command Palette…

  3. 输入「install」,然后选择 Extensions: Install Extensions

  4. 在扩展搜索输入框中输入「flutter」,然后在列表中选择 Flutter 并单击 Install。此过程中会自动安装必需的 Dart 插件。

  5. 点击 Reload to Activate 以重新启动 VS Code。
    或者直接在vscode左侧点击扩展
    ![[Pasted image 20230528160738.png]]

  6. 安装flutter库即可(会自动添加dart库)
    ![[Pasted image 20230528160828.png]]

创建应用

  1. 打开 View > Command Palette

  2. 输入「flutter」,选择 Flutter: New Project

  3. 选择 Application

  4. 新建或选择新项目将存放的上层目录。

  5. 输入项目名称,例如 my_app,并点击 Enter

  6. 等待项目创建完成,并且 main.dart 文件展现在编辑器中。

该命令会创建一个名为 myapp,里面包含一个简单的示例程序,里面用到了 Material 组件

1.选定启动哪个模拟器

![[Pasted image 20230528161321.png]]

2. 启动

按F5或者右上角启动,可以看到模拟器正在调试初始代码
![[Pasted image 20230528161459.png]]

来源地址:https://blog.csdn.net/qq_45372719/article/details/130914026

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-人工智能
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯