VS CODE下配置Flutter环境（可不装Android Studio）

已于 2024-06-25 15:23:58 修改
阅读量525 收藏 11
点赞数 4
文章标签： flutter android studio android vscode
于 2024-06-25 13:36:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tjhwa/article/details/139952942
版权
  1. 下载并配置JAVA SDK

  • 通过官网或其它网站下载SDK，本例下载压缩包，解压到本地文件夹，如“E:/jdk-22”
    在这里插入图片描述

  • 通过“sysdm.cpl”打开系统属性，找到“环境变量”
    在这里插入图片描述

  • 增加环境变量

变量名：JAVA_HOME，变量值：E:/jdk-22

  • 在PATH中增加“%JAVA_HOME%/bin”
  1. 下载并配置命令行工具
  • 下载命令行工具（如果安装了ANDROID STUDIO可忽略此步），此处下载压缩包
    在这里插入图片描述
  • 解压到本地文件夹，本例为“D:\Android\sdk\cmdline-tools\latest”
    在这里插入图片描述
  • 增加环境变量

变量名：ANDROID_HOME，变量值：D:\Android\sdk

  • 在PATH中增加

“%ANDROID_HOME%/cmdline-tools”
“%ANDROID_HOME%/build-tools”
“%ANDROID_HOME%/platform-tools”

  • 下载工具
    打开PowerShell，切换目录到D:\Android\sdk\cmdline-tools\latest，使用命令.\sdkmanager.bat --list查看工具列表，用.\sdkmanager “build-tools;33.0.3” "platform-tools"下载工具
    在这里插入图片描述
  • 下载平台
    .\sdkmanager "platforms;android-33"下载相应安卓平台
  1. 下载并配置FLUTTER

  • 从官网下载Flutter安装包，并安装
    在这里插入图片描述

  • 配置路径，在PATH中增加

    Flutter安装目录\bin

  • 配置下载镜像站点，增加以下环境变量

    变量名：FLUTTER_STORAGE_BASE_URL，变量值：https://mirrors.tuna.tsinghua.edu.cn/flutter
    变量名：PUB_HOSTED_URL，变量值：https://mirrors.tuna.tsinghua.edu.cn/dart-pub

  1. 在VS Code中安装Flutter插件
  • 在VS Code扩展中搜索到Flutter插件并安装
    在这里插入图片描述
tjhwa
关注
  • 4
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Flutter VS Code环境配置 亲测一1
08-03
版本号描述日期(更新日期)/更新人Android Studio Gradle技术2019/05/28 刘志保上次配置Flutter+Android studio
在 VSCode 中搭建 Flutter 开发环境并运行项目
最新发布
Chloeeeeeeee的博客
06-07 3117
在 VSCode 中运行 Flutter 项目并启动虚拟机的步骤如下：首先，安装 Flutter SDK 并添加其 bin 目录到系统 PATH，然后在 VSCode 中安装 Flutter 和 Dart 插件。接着，下载并安装 Android Studio，配置 Android 模拟器。创建 Flutter 项目后，打开终端启动模拟器，或通过 VSCode 工具栏选择设备，按 F5 运行项目。最后，使用调试控制台设置断点和检查变量，进行调试。这样即可在 VSCode 中运行和调试 Flutter 项目。
Flutter 开发环境搭建-VS Code篇
张营的技术博客
03-10 2516
Flutter环境搭建，包括Android Studio和VSCode两种IDE环境搭建，基础环境安装、插件安装、虚拟机安装、项目初始化、项目运行等。
vscode配置flutter开发环境，不需要安装第三方安卓模拟器
tyeerth的博客
05-28 1万+
vscode配置flutter开发环境，使用Android studio自带的安卓模拟器，不需要安装第三方模拟器，即可实现vscode代码实时调试(热加载）
Mac电脑Android Studio和VS Code配置Flutter开发环境（图文超详细）
Gamin
10-30 6083
​ 官网地址： https://docs.flutter.dev/get-started/install/macos 注意：苹果芯片需要安装rosetta翻译环境 Flutter用于git安装和升级。我们建议安装Xcode，其中包含git，但您也可以单独安装git。
Flutter-VSCode安装和配置
SanPhantom的博客
11-30 5089
第一步：安装Flutter window下Flutter官网下载链接：https://flutter.dev/docs/development/tools/sdk/releases#windows ​ 下载完Flutter后，解压到自己的本地的安装路径。随后进入flutter安装路径，运行该目录下的flutter_console.bat文件，接下来就可以来测试Flutter安装成功，可以在该安装目录下打开PowerShell，执行flutter doctor命令行来进行检测。运行后的正确结果见下图：
利用VScode搭建Flutter环境开发
热门推荐
qq_38774121的博客
05-31 3万+
作为一名前端程序员，为了这么个框架去下载个AndroidStudio实在是太费功夫太费时间了，所以决定在Vscode上面去搭建Flutter所需要的开发环境，搭建环境主要分为以下几点 java环境 flutter安装 Android环境 Android证书安装 Dart环境 模拟器配置 Java环境配置 https://www.oracle.com/technetwork/java/javas......
正确配置visual studio code开发flutter环境
zyb418的专栏
04-15 5191
1、安装vscode 请访问官网下载Visual Studio Code - Code Editing. Redefined 2、安装android studio 请访问官网下载Download Android Studio and SDK tools | Android Developers 3、安装flutter sdk 请访问官网下载https://docs.flutter.dev/development/tools/sdk/releases?tab=windows#windows 下..
Flutter开发②环境搭建及入口
m0_46427459的博客
03-25 1239
flutter开发的环境配置即demo案例实现
Flutter下Android Studio配置gradle的方法
08-19
在Flutter开发过程中，Android Studio的Gradle配置是一个关键步骤，特别是在国内网络环境下，由于访问Google服务的限制，手动配置和自动配置Gradle会有不同的挑战。本文主要探讨如何在Flutter环境中正确配置Android ...
flutter环境配置和通过vscode创建项目
07-19
flutter是goole开源的一款混合开发的框架，适合想要开发一款既能在Android上运行，又能在iOS运行的app。通过文档能够正确的配置好环境，成功创建一个demo。
Android Studio中CodeStyle模板的配置方式
08-19
Android Studio 中 CodeStyle 模板的配置方式 Android Studio 是 Android 应用开发的主要 IDE，提供了丰富的开发工具和插件来提高开发效率。在团队开发中，统一代码规范和风格是提高团队效率的必要工作。Code Style...
安装Flutter + Android sdk + vs code运行Flutter项目（史上最详解）
01-03
前言： Flutter开发app是基于Dart语言开发的，就好比html网页开发...安装Android Studio （为了下载Android sdk，官方提供的方法） 创建第一个Flutter项目 并运行 下面是我安装Flutter的全套安装包： 链接: https://pa
Flutter 项目：flutter的安装和环境配置
03-10
### Flutter项目：Flutter的安装与环境配置 #### 一、系统要求 为了成功地安装和运行Flutter，您的Windows环境必须符合以下系统要求...通过以上步骤，您就可以顺利地在Windows环境下安装并配置好Flutter开发环境了。
Windows构建Flutter环境，无法访问maven.google.com
ouhuanquan的博客
02-25 1万+
flutter 环境变量配置好之后，运行flutter doctor出现问题如下： X HTTP host https://maven.google.com/ is not reachable. Reason: An error occurred while checking the HTTP host， 尝试很多方法都无法解决，Google好久也没有解决办法，自己尝试修改http_host_validator.dart文件后得到解决，特此记录，解决办法如下： 1、找到flutter sdk的文件
使用VS Code创建第一个Flutter工程
Rey的技术博客
01-09 3635
介绍Flutter的开发工具VS Code 的安装与使用。 并且介绍了如何使用VS Code来创建一个Flutter 应用
Ubuntu下，Flutter安装及在VScode中的配置
qq_40467670的博客
01-15 1109
在自己指定的目录下，新建文件夹，并将源码git clone到本地。
『跨端框架』Flutter环境搭建
一个专注于客户端开发的技术er，不定期更新Android，Flutter，HormonyOS等方向的使用心得和感悟
05-02 1011
Flutter是谷歌开发的一款开源， 免费的，基于Dart语言的UI框架，可以快速在IOS和Android上构建高质量的原生应用，而且还可以构建桌面应用，web应用和嵌入式应用。它最大的特点就是跨平台和高性能。Dart是由谷歌，在2011年开发的计算机编程语言，它可以被用于web, 服务器，移动应用和物联网等多个领域。号称要取代JavaScript。
配置flutter环境
07-28
配置 Flutter 环境需要以下步骤： 1. 下载 Flutter SDK：访问 Flutter 官方网站（https://flutter.dev）下载适用于您操作系统的 Flutter SDK 压缩包。 2. 解压 SDK：将下载的压缩包解压到您选择的目录中。 3. 配置环境变量：将 Flutter SDK 的路径添加到您的系统环境变量中。对于 Windows 用户，可以在系统的 "环境变量" 设置中添加 Flutter SDK 的路径。对于 macOS 和 Linux 用户，可以编辑 `~/.bash_profile` 或 `~/.zshrc` 文件，并添加以下行： ``` export PATH="$PATH:[PATH_TO_FLUTTER_SDK]/bin" ``` 确保将 `[PATH_TO_FLUTTER_SDK]` 替换为您的 Flutter SDK 路径。 4. 运行 flutter doctor：打开终端或命令提示符窗口，并输入 `flutter doctor` 命令。这个命令会检查您的环境配置并输出任何缺失的依赖项或配置。 5. 安装依赖项：根据 `flutter doctor` 命令的输出，安装缺失的依赖项。例如，如果缺少 Android 设备的运行时环境，您可以通过 Android Studio 或 Android 命令行工具来安装它们。 6. 配置编辑器：选择一个适合您的编辑器，如 Visual Studio Code 或 Android Studio，并安装相应的 Flutter 插件。 完成上述步骤后，您的 Flutter 环境就配置好了。您可以使用 `flutter doctor` 命令来验证环境是否设置正确，并开始使用 Flutter 开发应用程序。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值