在Windows上搭建Flutter开发环境及在VScode和android studio中运行

最新推荐文章于 2024-06-07 18:39:13 发布
最新推荐文章于 2024-06-07 18:39:13 发布
阅读量425 收藏 1
点赞数
分类专栏： Flutter 文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45851208/article/details/115080159
版权
本文介绍了如何在Windows上搭建Flutter开发环境，包括设置Flutter SDK、配置镜像、在VScode和Android Studio中创建及运行Flutter项目。遇到ADB版本问题时，提供了简单解决方法，并提到了flutter doctor命令用于检查环境。此外，还指导了在Android Studio中安装插件和运行Flutter项目。
摘要由CSDN通过智能技术生成

安装与配置flutter开发环境、vscode开发flutter、android studio开发flutter

全局设置

  1. 下载Flutter SDK
    新建目录，在git输入
git clone -b beta https://github.com/flutter/flutter.git

2.针对国内不能访问国外网络而设置的镜像，复制粘贴下面代码

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

添加用户变量
在这里插入图片描述
在这里插入图片描述
3.继续输入(路径地址是自己安装flutter的地址，根据自己实际情况填写)

export PATH&
最低0.47元/天 解锁文章
HELLO_小仙女~
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
开发工具：VsCode+AndroidStudio
shizhong2006的专栏
12-04 1114
VsCode 怎么查看已安装的应用 vscode怎样在仓库里使用git命令 studio 调试adb
用AndroidStudio和vsCode运行ReactNative项目
琦琦的博客
02-10 2619
笔记 react-native学习笔记 安装依赖 必须安装的依赖有：Node、Watchman、JDK 和 Android Studio。 虽然你可以使用任何编辑器来开发应用（编写 js 代码），但你仍然必须安装 Android Studio 来获得编译 Android 应用所需的工具和环境。 1创建新项目 npx react-native init AwesomeProject 2...
在 VSCode 中搭建 Flutter 开发环境并运行项目
最新发布
Chloeeeeeeee的博客
06-07 2787
在 VSCode 中运行 Flutter 项目并启动虚拟机的步骤如下：首先，安装 Flutter SDK 并添加其 bin 目录到系统 PATH，然后在 VSCode 中安装 Flutter 和 Dart 插件。接着，下载并安装 Android Studio，配置 Android 模拟器。创建 Flutter 项目后，打开终端启动模拟器，或通过 VSCode 工具栏选择设备，按 F5 运行项目。最后，使用调试控制台设置断点和检查变量，进行调试。这样即可在 VSCode 中运行和调试 Flutter 项目。
vscode+ flutter+android studio开发环境搭建
图解前端的博客
05-14 3973
环境要求 由于Flutter SDK和Android Studio以及后续安卓模拟器体积很大，所以建议C盘的空间至少要有10G以上的可用空间。 下载Flutter SDK 进入Flutter官网下载最新版本的Flutter SDK，如果遇到网络问题，请百度解决。 下载完成后，解压得到下面的文件夹，为了避免windows环境下的路径问题，所以我把flutter文件夹解压到了C盘根目录下。将flu...
正确配置visual studio code开发flutter环境
zyb418的专栏
04-15 5186
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 下..
Android Studio 下 Flutter 开发环境搭建,Flutter,Dart 插件安装,Flutter SDK 安装,环境变量配置,开发环境检查
08-19
在Android Studio中搭建Flutter开发环境是开发者入门Flutter的首要步骤。Flutter是一款由Google开发的开源UI工具包，用于构建高性能、高保真、跨平台的移动应用。它使用Dart编程语言，提供了一套丰富的组件库，使得...
IDEA搭建Flutter开发环境，独立安装Android SDK
01-03
Flutter开发环境的搭建可以参考Flutter中文网的教程，笔者电脑上已经有Intellij Idea，不想安装Android Studio，但Flutter开发安卓应用必须依赖Android SDK。 为了最大限度节省空间，环境如下 操作系统：Mac IOS ...
Android Studio下Flutter环境搭建图文教程
01-05
一、Flutter介绍 ...插件，并下载flutterSdk到本地，配置在环境变量即可，其实 中⽂⽹的搭建Futter开发环境 已经很贴⼼详细，从平台指引开始安装基本都不会遇到问题。 1.下载AndroidStudio中的插件 Dart和Flut
【Flutter】Flutter 开发环境搭建 ( Android Studio 下 Flutter / Dart 插件安装 | Flutter SDK 安装 | 环境变量配置 | 开发环境检查 )
01-03
Flutter 开发环境搭建III . Android Studio 环境安装 Flutter / Dart 插件IV . 下载 Flutter SDKV . 设置 Flutter 网络镜像 ( 中国国内推荐设置 )VI . 设置 Flutter 环境变量 ( 在系统变量中配置 )VII . Flutter ...
超级详细flutter开发环境搭建
01-03
一、在Windows上搭建Flutter开发环境 系统要求 要安装和运行Flutter，您的开发环境必须满足以下最低要求： 操作系统Windows 7 SP1或更高版本(64位) 磁盘空间：：400 MB(不包括IDE/Tools的磁盘空间)。 工具颤振取...
Mac电脑Android Studio和VS Code配置Flutter开发环境（图文超详细）
Gamin
10-30 5858
​ 官网地址： https://docs.flutter.dev/get-started/install/macos 注意：苹果芯片需要安装rosetta翻译环境 Flutter用于git安装和升级。我们建议安装Xcode，其中包含git，但您也可以单独安装git。
【Flutter】Flutter 调试 ( Debug 调试窗口 | 手机日志信息查看 | 设置普通断点 | 设置表达式断点 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
03-30 6646
一、Flutter 调试简介、 二、Debug 调试窗口、 三、手机日志信息查看、 四、设置普通断点、 五、设置表达式断点、 六、相关资源、
在Windows上搭建flutter开发环境
zgz1379886826的博客
07-07 1023
在Windows上搭建flutter开发环境, Windows, Android Studio, flutter, dart.
在vscode中 编辑flutter 项目
业余前端的职业经历
11-23 930
前提是你把 flutter的环境搭建好了哦 在vscode 中安装 dart 插件 在 andorid studio 中创建一个 flutter 项目 然后导入 到 vscode中 进入文件夹 开启控制台 然后输入 flutter run 静静等待吧 最后手机 链接 usb 开启调试 和 开发者模式 关注我 持续更新前端知识 ...
vscode Android调试
热门推荐
strong90的博客
12-22 2万+
.vscode 文件夹中添加 launch.json文件 launch.json内容: { // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configu...
windows flutter环境配置 仅VS Code 无需Android Studio
Coutdie的博客
06-03 1056
一、安装“jdk 8” 1、下载：“https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html” ，下载时会要账号，可百度“oracle账号”。 2、安装到自己想放到的位置，例如下图： 3、配置环境变量： 右键我的电脑—属性—高级系统设置—环境变量—系统变量（或用户变量） 点击新建： 变量名：JAVA_HOME 变量值：E:\Program Files\jdk1.8.0_271 点击确定。 选...
基于window10的flutter环境搭建——Android studio 和 vs code两种方式
txfyteen的专栏
03-13 526
1、安装git 2、安装jdk 3、安装flutter 第一步： 下载flutter sdk Windows环境：下载地址（要翻墙，不然就像我一样晚上睡觉的时候在下载，还很大可能不成功） 下载成功之后解压到相应的目录下（目录一定要记住） 例如： 本机解压之后的flutter相对应的地址 第二步： 配置flutter到全局中 右键此电脑=> 属性 => 高级系统设置=> 环境变量。 打开环境变量配置 用户变量中找到path（没有则新建）： C:\src\flutte...
【Flutter 1-4】Windows下VSCode配置Flutter开发环境
弗拉德的技术博客
10-11 617
VSCode是什么 首发地址 Visual Studio Code（简称VS Code）是一个由微软开发，同时支持Windows 、 Linux和macOS等操作系统的免费代码编辑器，它支持测试，并内置了Git 版本控制功能，同时也具有开发环境功能，例如代码补全（类似于 IntelliSense）、代码片段和代码重构等。该编辑器支持用户个性化配置，例如改变主题颜色、键盘快捷方式等各种属性和参数，同时还在编辑器中内置了扩展程序管理的功能。VSCode同样支持Flutter开发，在我的日常开发中会更多的使用VS

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值