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

news/2024/11/20 9:18:17/

1.获取Flutter SDK

  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环境。

2.配置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 <directory> 设置你的 Android Studio 的安装目录。

3. 在Android Studio配置Android设备

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]]

4.配置vscode

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]]

5. 新建flutter程序

创建应用

  1. 打开 View > Command Palette

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

  3. 选择 Application

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

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

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

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

6.启动程序

1.选定启动哪个模拟器

![[Pasted image 20230528161321.png]]

2. 启动

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


http://www.ppmy.cn/news/98484.html

相关文章

【论文阅读】Densenet:Densely Connected Convolutional Networks 密集连接的卷积网络

文章目录 前言一、摘要二、网络架构2.1. densenet2.2. dense block2.3 与resnet对比2.4 pytorch代码 三.实验结果四.结论 前言 从今天开始总结一下之前看的一些深度学习相关的论文。 今天的这篇还是比较经典的论文&#xff1a;密集连接网络。在很多国内的硕士毕业论文里都出现…

ubuntu下搭建opencv环境

一、完全卸载opencv 1. 先到opencv编译安装的目录下 sudo make uninstall cd .. sudo rm -r build 2.上面最后一行命令有的文件夹不存在会有提示&#xff0c;但是不影响&#xff0c;只要把已安装的opencv的include和lib删掉就行&#xff0c;也可以手动删除&#xff0c;总之删…

50 Projects 50 Days - Scroll Animation 学习记录

项目地址 Scroll Animation 展示效果 Scroll Animation 实现思路 HTML结构比较简单&#xff0c;就是10个盒子元素。当鼠标滚动时&#xff0c;盒子分别从左右移动过来。 思路上最开始想到的是给每一个盒子标记一个序号&#xff0c;滚动屏幕后&#xff0c;计算已经划动屏幕的…

配置nginx常用命令

在修改 Nginx 配置文件之后&#xff0c;您需要重新加载或重启 Nginx 以使配置更改生效。具体的命令和方式可能因操作系统和版本而有所不同。 以下是常见的重新加载或重启 Nginx 的方法&#xff1a; 1. 重新加载配置&#xff1a; - 使用 service 命令&#xff08;适用于 Ub…

leetcode 394. 字符串解码

感觉糊里糊涂的AC了&#xff0c;感觉还要二刷。。。 题目链接leetcode 394 1.题目 给定一个经过编码的字符串&#xff0c;返回它解码后的字符串。 编码规则为: k[encoded_string]&#xff0c;表示其中方括号内部的 encoded_string 正好重复 k 次。注意 k 保证为正整数。 你…

HTML基础标签

目录 1.HTML作用 2.HTML 文件基本结构 3.标签层次结构 4.HTML常见标签 标题标签: h1-h6 段落标签: p 换行标签: br 格式化标签 图片标签: img 格式化标签 示例代码&#xff1a; img 标签的其他属性 超链接标签: a 链接的几种形式: 表格标签 列表标签 表单标签 …

中文核心论文写作经验总结和工具推荐

中文核心论文写作经验总结和工具推荐 1 写作问题案例及解决方法1.1 方法介绍部分冗长杂乱1.2 实验结果介绍没有逻辑1.3 文章整体逻辑把握不清1.4 英文过于中式和口水化 2 投稿流程经验3 工具4 总结 1 写作问题案例及解决方法 1.1 方法介绍部分冗长杂乱 自身问题&#xff1a;介…

Sentinel的另外三种流控模式(附代码详细介绍)

前言&#xff1a;大家好&#xff0c;我是小威&#xff0c;24届毕业生&#xff0c;在一家满意的公司实习。本篇文章将详细介绍Sentinel的其他三种流控模式&#xff0c;后续文章将详细介绍Sentinel的其他知识。 如果文章有什么需要改进的地方还请大佬不吝赐教&#x1f44f;&#…