1. Toy模板网首页
  2. > Toy博客

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

7月前 作者：tyeerth 分类：Toy博客 阅读(49) 违法举报

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

1.获取Flutter SDK

  1. 点击下方的安装包，获取 stable 发行通道的 Flutter SDK 最新版本：Flutter SDK

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

  3. 配置Windows系统的环境变量，在用户变量一栏中，在Path中添加 flutter\bin 目录的完整路径。例如：
    vscode配置flutter开发环境，不需要安装第三方安卓模拟器

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

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

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

[-] 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版本。
    vscode配置flutter开发环境，不需要安装第三方安卓模拟器

  3. ‘Android Studio Setup Wizard’，这会安装最新的 Android SDK， Android SDK Platform-Tools 以及 Android SDK Build-Tools，这些都是在开发 Android Flutter 应用时所需要的。还需要安装Android Emulator用来在vscode中启动安卓虚拟机。
    vscode配置flutter开发环境，不需要安装第三方安卓模拟器

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

3. 在Android Studio配置Android设备

3.1 进入Device Manager配置安卓设备

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

3.2 创建安卓虚拟机

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

3.3 选择x86 镜像

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

3.4 配置硬件加速

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

3.5 启动模拟器

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

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左侧点击扩展
    vscode配置flutter开发环境，不需要安装第三方安卓模拟器

  6. 安装flutter库即可（会自动添加dart库）
    vscode配置flutter开发环境，不需要安装第三方安卓模拟器

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.选定启动哪个模拟器

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

2. 启动

按F5或者右上角启动，可以看到模拟器正在调试初始代码
vscode配置flutter开发环境，不需要安装第三方安卓模拟器文章来源地址https://www.toymoban.com/news/detail-495936.html

到了这里，关于vscode配置flutter开发环境，不需要安装第三方安卓模拟器的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

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

分享到：
领支付宝红包 赞助服务器费用

相关文章

  • Mac M1开发环境的安装与配置(VSCode)

    Mac M1开发环境的安装与配置(VSCode)

    第一次使用mac ，也是第一次使用M1 pro 芯片。希望能为和我一样刚接触mac的小白，避坑。由于我们是对mac完全不了解的，此文章大多数采用能简单安装就简单安装的理论为大家铺路了。 首先介绍下我的电脑配置：14寸 M1 pro 10核 32G内存1T固态 官网地址：https://code.visualstudio.com

    2023年04月09日
    浏览(31)
  • windows安装go，以及配置工作区，配置vscode开发环境

    windows安装go，以及配置工作区，配置vscode开发环境

    下载安装go 我安装在D:go路径下 配置环境变量 添加GOROOT value为 D:go 修改path 添加 %GOROOT%bin 添加GOPATH value为 %USERPROFILE%go 其中GOPATH 是我们自己开发的工作区，其中包含三个folder bin,pkg,以及src，其中src为我们编写代码的位置 配置vscode开发环境 所搜go并安装扩展 在pkg文件夹下创

    2024年02月12日
    浏览(33)

  • Ubuntu22.04下安装VSCode（配置C/C++开发环境）

    更新软件源 安装ssh服务器 查看是否启动 显示 active (running) 即启动成功 常见错误 WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED! build-essential： 包含了 GNU 编辑器集合、GNU 调试器、和其他编译软件所必需的开发库和工具。 1、 安装汉化、C/C++插件 1）Chinese (Simplified) (简体中文) Language P

    2024年02月21日
    浏览(32)
  • Windows 11 本地 php 开发环境搭建：PHP + Apache + MySQL +VSCode 安装和环境配置

    Windows 11 本地 php 开发环境搭建：PHP + Apache + MySQL +VSCode 安装和环境配置

    最近有空整理一下php 在windows上面的环境配置。原因是发现网上大多数php环境配置的相关帖子内容凌乱、多数是不能配置成功的。所以决定全部走一遍配置，以确保整个过程是成功的。并在此基础上开个帖子记录下这个完整的安装和配置过程，以备忘和供有需要的同学参考。

    2024年04月26日
    浏览(44)
  • 完全离线环境下安装配置Vscode Python开发环境及离线包文件的下载与安装实战

    完全离线环境下安装配置Vscode Python开发环境及离线包文件的下载与安装实战

    一般在进行项目开发时，都是在有网络的环境下进行的，此时的开发工作，由于有网络的支持，我们需要什么安装包、模块、或者工具，下载安装比较方便，缺少依赖环境时，有些系统和安装包会自动下载补齐。但在一些特情况境下，需要配置完全独立于网络的开发环境，这

    2024年02月04日
    浏览(51)

  • 【opencv C++版本】安装和学习 ==Windows下使用VSCode配置OpenCV开发环境

    ref：https://opencv.org/releases/ ref：https://www.cnblogs.com/ticlab/p/16817542.html c_cpp_properties.json 照着ref 没安装成功，先写个二分查找把 ref：https://docs.opencv.org/4.x/df/d65/tutorial_table_of_content_introduction.html nnd，用这个ref在ubuntu20.04 上安装成功了！！！咳咳咳 ref：https://blog.csdn.net/weixin_4479667

    2024年02月14日
    浏览(37)
  • Mac电脑 Vscode ： Flutter 开发环境搭建（最细节教程）

    Mac电脑 Vscode ： Flutter 开发环境搭建（最细节教程）

    参考链接： Mac+VSCode安装flutter环境_mac vscode配置flutter_GalenWu的博客-CSDN博客 mac搭建Flutter环境以及初始化项目 - 简书 注意： *下载xcode 就包含git了, *苹果芯片和intel 芯片需要的环境不同，苹果芯片需要安装： Important:  If you’re installing on an Apple Silicon Mac, you must have the Rosetta t

    2024年02月05日
    浏览(33)

  • python内网环境安装第三方包【内网搭建开发环境】

    内网安装第三方包的应用场景，一般是一些需要在没网的环境下进行开发的情况。这些环境一般仅支持本地局域网访问，所以只能在不下载任何第三方包的情况下艰难开发。 将当前应用依赖的第三方包提前下载到本地，拷贝到单机环境下安装，但是不能一个个下载安装，那样

    2024年02月09日
    浏览(28)
  • ubuntu 22.04配置开发环境 [Fcitx5中文输入法+配置 & 迁移vscode & 安装flameshot & 微信 & mysql &workbench & yarn工具 & zsh]

    ubuntu 22.04配置开发环境 [Fcitx5中文输入法+配置 & 迁移vscode & 安装flameshot & 微信 & mysql &workbench & yarn工具 & zsh]

    一、安装Fcitx5 最简单三步骤，把下面的命令都跑一遍之后重启电脑，不要去下载搜狗输入法，非常垃圾 Fcitx 5 主程序 中文输入法引擎 图形界面相关 转载自掘金 二、安装 配置 vscode 安装的两种方法： 官网选择deb安装包 cd进安装包目录运行 直接在ubuntu software里搜索vscode安装

    2024年01月21日
    浏览(30)
  • 【配置环境】Windows下C/C++第三方库管理工具vcpkg安装和使用

    【配置环境】Windows下C/C++第三方库管理工具vcpkg安装和使用

    目录 一，环境准备 二，vcpkg简介 三，Window系统下载vcpkg 四，Linux系统下载vcpkg 五，vcpkg命令介绍 1.命令参照表 2.常用的vcpkg命令以及详细解释 Git - Downloads 根据平台下载最新版本（傻瓜式安装） Visual Studio 2015 或更新的版本（ 包含英文语言包 ），点击VS界面菜单栏的 工具-获

    2024年02月16日
    浏览(31)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包