vscode怎么运行android项目,windows + flutter +android+ vscode 安装配置运行流程(详细版本)...

本文介绍了如何在Windows 10上配置Flutter开发环境,包括安装Flutter SDK、设置环境变量、配置Android Studio和VSCode。通过在VSCode中安装Flutter和Dart插件,创建并运行Flutter项目,详细阐述了Flutter的快速开发特性和原生性能,以及Dart语言的使用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

flutter

是由谷歌发布的一个全新的响应式、跨平台、高性能的移动开发框架,可以快速在iOS和Android上构建高质量的原生用户界面。

框架特点

快速开发:Flutter的热重载可以快速地进行测试、构建UI、添加功能并更快地修复错误。

富有表现力,漂亮的用户界面:自带的Material Design和Cupertino(iOS风格)widget、丰富的motion API、平滑而自然的滑动效果。

响应式框架:使用Flutter的现代、响应式框架,和一系列基础widget,轻松构建您的用户界面。

访问本地功能和SDK:Flutter可以复用现有的Java、Swift或ObjC代码,访问iOS和Android上的原生系统功能和系统SDK。

统一的应用开发体验:Flutter拥有丰富的工具和库,可以帮助开发者轻松地同时在iOS和Android系统中实现想法和创意。

原生性能:Flutter包含了许多核心的widget,如滚动、导航、图标和字体等,这些都可以在iOS和Android上达到原生应用一样的性能。

环境

window10

vsCode

Android Studio

安装配置步骤

第一步:下载Flutter SDK

Windows桌面右键点击git base here。当然你也可以选择一个文件夹打开git 命令行窗口,输入以下命令下载Flutter SDK。

git clone -b alpha https://github.com/flutter/flutter.git·

第二步:配置环境变量。

用户变量

PATH: C:\Users\Aijiar\Desktop\flutter\bin

系统变量

你需要在Windows 环境变量Path中添加flutter的路径。路径指向到Flutter文件的bin路径如下图:

第三步 开发软件。

安装Android Studio 以及Android SDK,以及vscode(本人力推),安装完vscode之后再vscode的应用里安装flutter和dart插件如图:

安装完成重启vscode.

在编辑器的左下角的设置点击进入 “命令面板”,在命令面板中点击flutter:new project 项

并创建项目名称,按enter

因此我们创建了第一个flutter项目

在这里我们之前已经安装过Android Studio 以及Android SDK,再次我们运行Android Studio,打开模拟器(这里本人习惯用vscode),习惯用Android Studio的同学只要在里面安装dart和flutter插件就好了。(在这里我们只是使用Android Studio的模拟器),将模拟器运行起来。

注意:手机设置开启开发者模式-USB调试及安装模式开启

语言拓展

flutter使用的编程语言是Dart,您可以在其官网了解和学习这门语言,Dart官网:https://www.dartlang.org/

### 如何在 Windows 上通过 VSCode 运行 Flutter 项目 #### 安装 Flutter SDK 和配置环境变量 为了能够在 Windows 平台上使用 Visual Studio Code (VSCode) 开发 Flutter 应用程序,首先需要下载并安装 Flutter SDK。访问官方文档获取最新的安装指南和链接[^1]。 #### 配置 VSCode 编辑器 完成 Flutter SDK 的安装后,在 VSCode安装必要的扩展来支持 Dart 和 Flutter 的开发工作流。这通常包括 "Dart" 和 "Flutter" 插件,它们提供了语法高亮、代码补全等功能。 #### 设置 Android 模拟器或连接设备 对于测试应用,可以选择设置一个安卓模拟器如雷电模拟器作为目标平台。按照特定说明进行配置以确保能够识别该模拟器为有效的运行目标[^2]。 #### 创建新 Flutter 工程 启动 VSCode 后可以通过命令面板 (`Ctrl+Shift+P`) 输入 `Flutter: New Project` 来创建一个新的 Flutter 项目。选择合适的模板并将工程文件保存至期望的位置。 #### 构建与执行应用程序 当一切准备就绪时,可以在终端内键入 `flutter run` 命令编译并部署到已选中的仿真器上。如果遇到长时间停留在 “Running Gradle task 'assembleDebug'...”,则可能是因为构建过程遇到了某些阻碍;此时应检查网络状况以及确认所有依赖项都正确加载完毕。 #### 使用 Debug 功能加速开发流程 除了直接敲击快捷键外,还可以利用内置的调试工具提高效率。点击左侧活动栏里的调试图标(形似一只甲虫),接着挑选适合当前项目配置选项——即 Dart & Flutter 调试模式。这样就可以更方便地管理断点、观察变量状态变化等操作了[^3]。 ```json { "version": "0.2.0", "configurations": [ { "name": "Flutter", "request": "launch", "type": "dart" } ] } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值