首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

包含多个Dart / Flutter项目的工作空间,如何告诉VSCode运行特定项目

在VSCode中,可以通过以下步骤告诉它运行特定的Dart/Flutter项目:

  1. 打开VSCode,并确保已安装Dart和Flutter插件。
  2. 在VSCode的侧边栏中,点击打开工作区文件夹(Workspace)。
  3. 在工作区文件夹中,创建一个名为.vscode的文件夹(如果还没有)。
  4. .vscode文件夹中,创建一个名为launch.json的文件(如果还没有)。
  5. launch.json文件中,添加一个配置项来指定要运行的特定项目。

下面是一个示例的launch.json文件内容:

代码语言:txt
复制
{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Run Project A",
      "request": "launch",
      "type": "dart",
      "program": "path/to/project_a/lib/main.dart"
    },
    {
      "name": "Run Project B",
      "request": "launch",
      "type": "dart",
      "program": "path/to/project_b/lib/main.dart"
    }
  ]
}

在上面的示例中,我们定义了两个配置项,分别是"Run Project A"和"Run Project B"。你可以根据你的实际项目情况进行命名和配置。

注意,"program"属性的值应该是要运行的Dart/Flutter项目的入口文件路径。根据你的项目结构,你需要修改path/to/project_apath/to/project_b为实际的项目路径。

配置完成后,你可以在VSCode的顶部工具栏中选择要运行的项目。点击运行按钮时,VSCode将会使用相应的配置来运行选定的项目。

希望这个答案能够满足你的需求。如果你需要更多帮助,请随时提问。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

使用flutter基础入门

=https://pub.flutter-io.cn FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 运行flutter doctor检查安装依赖是否完成...或者新建flutter项目(flutter create project_name),再vscode中打开项目,右下角弹出的flutter错误窗口中选择,定位flutter/bin目录即可 dart...匿名函数,(){} future只有then、stream接收多个异步函数结果sucess、fail dynamic任意类型,cast自动转换为具体类型 命令行 flutter 新建项目flutter...create 查看连接设备,flutter devices(vscode flutter select device选中输出设备) 执行flutter run运行程序,连接设备后,可运行打包安装android...程序 安装项目依赖包,项目下的pubspec.yaml和nodejs类似,flutter packages\pub get安装依赖 dart 新建dart项目dart create,dart pub(

1.1K20

Flutter从配置安装到填坑指南详解

(具体这里面有标记[X]的那些如何安装后文有详细讲解,这里简单提一下。) 这里面有四内容: (1)Flutter 这是Flutter工具,就是刚才git下载的那个。...h或者--help 打印所有命令行用法信息 analyze 分析项目的Dart代码。...format 格式一个或多个Dart文件。 fuchsia_reload 在Fuchsia上进行热重载。 help 显示帮助信息的Flutter。...stop 停止在附加设备上的Flutter应用。 test 对当前项目的Flutter单元测试。 trace 开始并停止跟踪运行Flutter应用程序。...(三)首先模拟器,然后选择要运行项目,注意了,这里有一个MainActivity 和 main.dart,选择main.dart,然后点击绿色的三角号图标运行(或者点击菜单栏 Run)就可以了。

7.9K50

vscode开发插件推荐第一节

vscode开发插件推荐 扩展是完成工作的快捷方式。许多扩展有助于减少重复性工作、减少样板代码等。其他一些扩展有助于协助开发过程,甚至有助于更快、更高效的开发。 如何安装扩展?...首先,我希望您启用了 DartFlutter 扩展,如果没有,您可以从这里获取它们:DartFlutter。这些提供了很多功能,通常当您开始使用 flutter 时,您肯定会安装这些。...flutter开发VScode插件推荐 Flutter Intl 这有助于在 .arb 文件的翻译和 Flutter 应用程序之间创建绑定。...它为官方 Dart Intl库生成样板代码,并为 Dart 代码中的键添加自动完成功能。 “如何使用它?...FF Flutter Files 这个扩展允许在 VS Code 项目中快速搭建 flutter BLoC 模板。 “如何使用它? ” 右键单击当前项目中的文件或文件夹。

1.1K20

开发工具总结(10)之Flutter从配置安装到填坑指南详解

(具体这里面有标记[X]的那些如何安装后文有详细讲解,这里简单提一下。) 这里面有四内容: (1)Flutter 这是Flutter工具,就是刚才git下载的那个。...h或者--help 打印所有命令行用法信息 analyze 分析项目的Dart代码。...format 格式一个或多个Dart文件。 fuchsia_reload 在Fuchsia上进行热重载。 help 显示帮助信息的Flutter。...stop 停止在附加设备上的Flutter应用。 test 对当前项目的Flutter单元测试。 trace 开始并停止跟踪运行Flutter应用程序。...(三)首先模拟器,然后选择要运行项目,注意了,这里有一个MainActivity 和 main.dart,选择main.dart,然后点击绿色的三角号图标运行(或者点击菜单栏 Run)就可以了。

1.9K10

flutter的安装与配置

上面的指南解释了如何做到这一点。 注意:您只能在 macOS 系统上为 iOS 开发 Flutter 应用程序。如果您使用的是 Windows,则只能为 Android 构建。...这个页面向你展示了如何创建一个新的 Flutter 项目运行它: 开发初体验官方文档 开发初体验中文网 彩蛋:VS Code 插件可以像 Flutter Pro 一样进行开发 如果您使用 VSCode...这些是我的最爱: Flutter and Dart 这两个插件没有,你就别用vscode开发了吧。 官方主题(谁不喜欢黑暗模式?)...如果你还有好的推荐,麻烦在评论区告诉我,我们一起进步。 您还可以启用一些 VSCode 设置来改善您的开发体验。...": false, "dart.lineLength": 80, "dart.openDevTools": "flutter", "dart.previewFlutterUiGuides

1.7K20

Flutter 学习路线图

Flutter对比其他跨平台技术有哪些优势。 Flutter整体框架。 Flutter实现原理。 Flutter响应式编程实现原理。 FlutterDart的关系及Dart特点。...环境搭建 其实学习每一技术首先都需要搭建环境,这并不属于学习路线的一部分,拿到这里单独说,也并不是告诉大家如何搭建环境,而是给大家推荐环境的选择,因为Flutter的开发并没有专门的IDE,可以使用vscode...已经为大家整理好了常用组件及相关用法,地址:http://laomengit.com ,不仅有常用组件,还有整理了150多个组件的相关用法,不常用组件只需浏览一下,知道Flutter提供了类似的组件,用到的时候在来查阅...Dart基础 Flutter是用Dart语言开发的,所以我们需要Dart语言的基础知识,如果你有其他高级语言的基础,这一部分基本可以略过,只需了解如下内容: 如何导入包。...混合开发 混合开发是一个非常重要的内容,即使你完全使用Flutter开发一个全新的App,也可能涉及到原生开发。这部分你需要了解如下内容: 在原生项目中增加Flutter模块。

1.5K10

「译」为 JavaScript 开发者准备的 Flutter 指南

在我开始介绍如何使用 Flutter 之前,我将首先回顾一下我对 SDK 的优缺点的看法。...首先,我们需要克隆包含 Flutter CLI 二进制文件的仓库,并将其添加到我们的路径中。.../bin:$PATH (or whatever the path is to your installation) 从命令行运行 flutter doctor,以确保 flutter 路径被识别,并查看是否有任何依赖需要安装来完成设置...flutter run -d all 此时你应该在控制台中看到一些关于重启 app 的信息: 图片 项目结构 你正在运行的代码处于 lib/main.dart 文件中。...项目的配置位于 pubspec.yaml 文件中,类似于 JavaScript 生态系统中的 package.json 文件。 现在让我们看一下 lib / main.dart

1.3K30

Flutter基础篇(9)-- 手把手教你用Flutter实现Web页面编写

前面一篇文章介绍了Flutter for Web,这里就详细的讲解一下如何使用Flutter实现Web页面的编写。让大家10分钟之内快熟上手实践。...五、使用开发工具创建Flutter Web项目 (1)VSCode Visual Studio Code支持使用 安装 Flutter v3.0以上扩展包 进行Flutter Web开发。...Android Studio中创建Flutter web项目:创建一个新的Dart项目,请注意,对于Flutter for Web应用程序,选择Dart project。...从Dart project中,选择应用程序模板的Flutter for web选项。 创建项目,pub get将自动运行。 创建项目后,点击run主工具栏上的按钮。...要优化输出JavaScript,可以使用build.yaml项目根目录中的文件启用优化标志 ,其中包含以下内容: # See https://github.com/dart-lang/build/tree

2.9K10

Flutter版本控制工具 FVM(第六节)

在这里介绍一款flutter的版本管理神器 FVM,安装方式我给了两种, choco和pub FVM 可以在用户本机通过安装多个Flutter SDK版本,来为项目指定Flutter版本,或者快速在各个版本间切换...配置 现在我们将在这里配置 VS Code,我们将看到如何完成 VS Code 过程。...您现在可以使用所选版本的 Flutter 运行和调试。...项目 父级 目录 全局(通过 FVM 设置) 环境(Flutter 版本配置于PATH) 配置全局版本 fvm global {version} 项目多个选项 您可以为每个项目环境或发布类型配置多个...因此,当单独运行 DartFlutter 时,您会发现一些冲突。这是我们发现的正确依赖顺序以避免出现问题的建议。

2.3K10

Flutter】362- 让前端开发者失业的技术,Flutter Web 初体验

第二是 Dart 运行时环境以及第三文本渲染布局引擎。 最底层的嵌入层,它所关心的是如何将图片组合到屏幕上,渲染变成像素。这一层的功能是用来解决跨平台的。...packages pub global activate webdev 6、配置编辑器安装 FlutterDart 插件 Flutter 插件是用来支持 Flutter 开发工作流 (运行、调试...我们看到了熟悉的 HTML 文件以及项目入口文件 main.dart。 web 目录下的 index.html 是项目的入口文件。main.dart 初始化文件,图片相关资源放在此目录。...lib 目录下的 main.dart,是主程序代码所在的地方。 每个 pub 包或者 Flutter 项目包含一个 pubspec.yaml。它包含与此项目相关的依赖和元数据。...analysis_options.yaml 是配置项目的 lint 规则。 /dart_tool 是项目打包运行编译生成的文件,页面主程序 main.dart.js 就在其中。

2.1K20

Vscode笔记-24款插件

近日,GitHub 上出现了这样一个项目,可以使用户直接在 VS Code 界面读取 GitHub 项目的代码,实现了 GitHub 项目与 VS Code 的无缝衔接。.../deeptime)为例,在浏览器地址栏输入该项目的网址,在「github 」后面添加「1s 」,如下图中红框所示: 然后回车键即可进入到 VS Code 界面,浏览该项目的相关内容。...Dart Code通过支持 Dart编程语言扩展了VS Code,并提供了有效编辑,重构,运行和重新加载Flutter 移动应用程序和AngularDart Web应用程序的工具。...Flutter 此VS Code扩展增加了对有效编辑,重构,运行和重新加载Flutter 移动应用程序的支持,以及对Dart编程语言的支持。...TypeScript Importer 在工作空间文件中自动搜索TypeScript定义,并提供所有已知符号作为完成以允许代码完成。

10.5K20

Mac端Flutter的环境配置看这一篇就够了

3、配置环境变量 因为Flutter的SDK中包含了很多的命令行工具。我们就需要配置环境变量,所以我直接就安装到了根目录下了。...我们用flutter doctor命令去检查一下flutter的环境配置,我们可以看到如下打印 这里的每个✗都是我们要去解决的问题。不过他有告诉你应该怎么做。...7、VSCode的使用 VSCode上面使用的话,就简单多了,这里我就简答的赘述一下。...只需要将DartFlutter插件都下载下来 然后command+shift+p输入flutter,选择Flutter:New Project 输入要创建的项目的名称和存放项目的地址...接下来是这样一个界面 接下来我们选择View->Start Debugging来运行项目。 当然这个过程需要你把Xcode的模拟器打开。

1.1K20

Flutter中构建布局 顶

Flutter的布局机制如何工作如何垂直和水平布局小部件。 如何构建一个Flutter布局。 这是在Flutter中构建布局的指南。 您将构建以下屏幕截图的布局: ?...通过调用函数并传递特定于该列的图标和文本来构建包含这些列的行。 使用MainAxisAlignment.spaceEvenly沿着主轴对齐列,以在每列之前,之间和之后均匀排列空闲空间。...您可以指定行或列如何在垂直和水平方向上对齐其子项。 您可以拉伸或限制特定的子部件。 您可以指定子窗口小部件如何使用行或列的可用空间。...常见的布局小部件 Flutter拥有丰富的布局小部件库,但这里有一些最常用的布局部件。 其目的是尽可能快地启动并运行,而不是让您完整列出。...处理Flutter中的盒子约束:讨论小部件如何受其渲染框限制。 在Flutter中添加资产和图像:说明如何将图像和其他资源添加到应用程序包中。

43.1K10

使用 Android Studio 进行 Flutter 开发

本文将与你一起回顾如何在 Android Studio 里进行 Flutter 工具的配置。 创建项目 你可以通过多种方式来创建新项目。 ?...” 从现有源码创建新项目 创建包含现有 Flutter 源码的新 Flutter 项目: 在 IDE 中,点击 Welcome 窗口,或者主窗口File > New > Project 中的 Create...在主工具栏,可以运行和调试代码: ? IntelliJ 的主工具栏 选择目标设备 在 IDE 中打开 Flutter 项目时,你会在工具栏的右侧看到一组 Flutter特定按钮。...---- Flutter 代码编辑提示 如果你有其他我们应该提供的代码提示建议,请 告诉我们! 代码辅助和快速修复 代码辅助功能是特定代码标识符相关的代码修改。...IntelliJ settings keymap 热重载和热重启 热重载的工作原理是将更新后的代码注入 Dart VM(虚拟机)。不仅包括添加新类,还包括添加方法和字段到已有的类中。

6.1K30
领券