使用VS Code创建第一个Flutter工程

news2024/9/27 21:25:10

一、前言

你可以使用任意文本编辑器,再结合命令行工具来开发 Flutter 应用。然而,我们推荐使用本文接下来介绍的编辑器插件以获取更好的开发体验。这些插件提供了代码补全代码高亮widget 辅助编辑的功能,以及为项目的运行和调试提供支持等。

推荐的开发工具有 VS CodeAndroid StudioIntelliJ。 本文着重介绍使用VS Code 如何进行Flutter应用开发

二、VS Code的安装

VS Code 是一个可以运行和调试 Flutter 的轻量级编辑器。 VS Code的稳定版本,点此下载

下载完成后,像安装其他软件一样进行安装即可。

三、安装 Flutter 和 Dart 插件

  • 打开 VS Code。

  • 打开 View > Command Palette… (查看 > 命令面板)。

  • 输入「install」,然后选择 Extensions: Install Extensions

  • 在扩展搜索输入框中输入「flutter」,然后在列表中选择 Flutter 并单击 Install。此过程中会自动安装必需的 Dart 插件。

  • 点击 Reload to Activate 以重新启动 VS Code。

四、创建第一个Flutter应用

  • 打开 View > Command Palette (查看 > 命令面板)。

  • 输入「flutter」,选择 Flutter: New Project

  • 选择 Application

  • 新建或选择新项目将存放的上层目录。

  • 输入项目名称,例如 my_app,并点击 Enter。

  • 等待项目创建完成,并且 main.dart 文件展现在编辑器中。

如果你的 VSCode 运行时,Flutter 正在进行初始化安装,你需要在 SDK 安装完成后重启 VSCode 使其可以检测到 Flutter SDK。

应用程序的代码存放在 lib/main.dart 中。想要查看每块代码具体的作用,请查看文件中的对应注释。

五、 运行App

  • 定位到 VS Code 的状态栏(窗口底部的蓝色栏):

在这里插入图片描述

  • Device Selector 区域选择一个设备。

    如果没有可用的设备,而同时你想使用模拟器,点击 No Devices 并点击 Start iOS Simulator 启动一个模拟器。

    在这里插入图片描述

点击 VS Code 的 No Devices 时,你可能不会看到 Start iOS Simulator 的选项。如果你在使用 macOS,请在终端中执行以下命令:

  open -a simulator

在 Windows 或 Linux 上你无法启动 iOS 模拟器。

  • 运行 Run > Start Debugging 或按下 F5

  • 等待应用启动——启动进度会在 Debug Console 中展示。

当应用编译完成后,就可以在设备上运行这个起步应用了。

在这里插入图片描述

六、参考

https://flutter.cn/docs/get-started/editor?tab=vscode
https://flutter.cn/docs/get-started/test-drive?tab=vscode

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/150774.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【Denial-of-Service on FPGA-based Cloud Infrastructures论文笔记】

基于FPGA的云基础设施拒绝服务摘要引言背景FPGA TechnologyFPGA设计的实现用户设计在AWS的注册用户设计在AWS上的部署基于FPGA的系统攻击与对策客户端的FPGA使用基于云的fpga的使用信息泄露错误注入攻击对策云FPGA上的拒绝服务攻击攻击模型AWS FPGA安全架构AWS EC2 F1强力锤击攻…

@Validated+循环依赖报错

目录 测试demo 回顾下三级缓存 循环依赖bean实例化初始化过程​​​​​​​ 源码解读 实例化myZmTest1 myZmTest1依赖myZmTest2,实例化2去注入 myZmTest2依赖myZmTest1,获取myZmTest1去注入 获取到myZmTest1,继续myZmTest2初始化 m…

TCP协议的三次握手与四次挥手(附带常见面试题)

目录 一.TCP/UDP的区别 二.三次握手 三.四次挥手 四.常见面试题 一.TCP/UDP的区别 TCP:TCP协议是面向连接,连接稳定可靠适用于网络连接连接较高的场景,可以准确无误的把数据传递给对方,但传输速度上可能会存在一定的延迟。TCP…

Leetcode.32 最长有效括号

题目链接 Leetcode.32 最长有效括号 题目描述 给你一个只包含 (和 )的字符串,找出最长有效(格式正确且连续)括号子串的长度。 示例 1: 输入:s “(()” 输出:2 解释:最长有效括号子串是 “()”…

【报表设计器ActiveReportsJS(二)】第一个 ActiveReportsJS 报表设计器项目,本地化

上一篇:【Vue集成在线报表设计器ActiveReportsJS(一)】前言,ActiveReportsJS介绍, 在 Vue 框架中集成纯前端报表设计器 本篇将介绍如何使用ActiveReportsJS创建第一个web前端报表设计器 1. 创建 Vue应用 创建 Vue …

GNN笔记系列 5

GNN笔记系列 51.Permutation Equivariance of Graph Filters2.Lipschitz and Integral Lipschitz Filters3.Stability of Graph Filters to Scaling4.Stability of Graph Neural Networks to Scaling1.Permutation Equivariance of Graph Filters 图滤波器的置换等价性 引入置…

【ROS】—— ROS常用组件_TF坐标变换_静态坐标变换与动态坐标变换(十)

文章目录前言1. 坐标msg消息1.1 geometry_msgs/TransformStamped1.2 geometry_msgs/PointStamped2. 静态坐标变换2.1 C实现2.1.1 发布方2.1.2 订阅方2.2 python实现2.2.1 发布方2.2.2 订阅方2.3 补充3. 动态坐标变换3.1 C实现3.1.1 发布方3.1.2 订阅方3.2 python实现3.2.1 发布…

Gin框架快速入门实战

gin 框架快速入门 工具 测试工具: 浏览器拓展 postwomanapipost gin路由,gin 程序的热加载 gin官网文档: https://gin-gonic.com/zh-cn/docs/ fresh安装 : go get github.com/pilu/fresh package mainimport ("github…

Revit标注时尺寸界线的设置及标注避让调整功能

一、Revit标注时尺寸界线的设置 利用墙体一次性标注轴网尺寸时常遇到如图1所示尺寸边界线上翻的情况,需要手动将其逐一调整,十分繁琐,有没有更为快速地解决方法呢? 此问题可以通过为这些尺寸界线反向显示的尺寸标注单独设置一个新…

CHK文件丢失怎么办?chk文件恢复技巧就看这一个!

很多人不知道CHK文件是什么,其实它是一种后缀名为CHK格式的文件,也属于日常生活中比较常见的文件格式。通常,当用户使用“磁盘碎片整理”时,电脑系统会生成一串“群集”文件,这些文件主要用于保存计算机删除的文件的一…

【中等】最长回文子串-C语言实现

题目链接:https://leetcode.cn/problems/longest-palindromic-substring/思路:起始位置为初始位置向右走,即第一次a为起始位置,第二次b为起始位置结束位置从末尾向左走,即第一次c为末尾,第二次b为末尾&…

BMS中常用的NTC温敏电阻及代码实现

1、什么是NTC? NTC热敏电阻是一种负温度系数的热敏电阻,它的性性是阻值随温度的升高而降低,主要作用是对温度的测量及补偿,也用于NTC温度传感器的制作,常用的使用范围在-55℃至200℃之间。 2、NTC的主要技术参数有哪些…

重发布-路由策略实验1(1.8)

目标: 1、首先为每个路由器配置环回和每个接口的ip r1: [r1]interface lo0 [r1-LoopBack0]ip add 1.1.1.1 24 [r1-LoopBack0]int gi 0/0/0 [r1-GigabitEthernet0/0/0]ip add 12.1.1.1 24 [r1-GigabitEthernet0/0/0]int gi 0/0/1 [r1-GigabitEthernet0/…

Linux--多线程(2)

目录1. 条件变量2. 生产者消费者模型2.1 概念3. 基于BlockingQueue的生产者消费者模型3.1 概念3.2 等待函数3.3 等待函数的功能3.4 唤醒函数4. 模型复盘5. 总代码1. 条件变量 当一个线程互斥地访问某个变量或者临界资源时,它可能发现在其它线程改变状态之前&#x…

物以类聚人以群分,通过GensimLda文本聚类构建人工智能个性化推荐系统(Python3.10)

众所周知,个性化推荐系统能够根据用户的兴趣、偏好等信息向用户推荐相关内容,使得用户更感兴趣,从而提升用户体验,提高用户粘度,之前我们曾经使用协同过滤算法构建过个性化推荐系统,但基于显式反馈的算法就…

【Java寒假打卡】Java基础-集合Map

【Java寒假打卡】Java基础-集合Map基本使用Map集合的基本功能Map集合的第一种遍历方式Map集合的第二种遍历方式案例:HashMap集合存储ArrayList元素并遍历案例:统计字符串中每一个字符出现的次数Collections操纵集合基本使用 创建Map集合的对象&#xff1…

金融历史数据导入之股票 level2 逐笔篇

在部署完 DolphinDB 后,将历史数据导入数据库是后续进行数据查询、计算和分析的基础。为协助用户快速导入数据,本文档基于 DolphinDB 已有的教程与大量用户的实践经验,从操作者角度出发,以 CSV 格式的文件为例,详细介绍…

通讯电平转换电路中的经典设计

今天给大家分享几个通讯电平转换电路。 有初学者问:什么是电平转换?举个例子,比如下面这个电路: 单片机的工作电压是5V,蓝牙模块的工作电压是3.3V,两者之间要进行通讯,TXD和RXD引脚就要进行连接…

Revit里轴网隐藏尺寸标注跟着消失?快速轴网距离标注

一、Revit中链接项目文件轴网的巧妙处理 问题:在单元式住宅体系中,轴网的使用主要是对尺寸标注的影响,如果要将子文件链接到父文件中,需要隐藏轴网,这样与轴网关联的尺寸标注就会消失。 关于尺寸标注与轴网隐藏方式的关…

Java IO流(基础详解,快速上手!)

文章目录概述什么是IO流?常用的文件操作获取文件操作目录操作IO流的原理和分类概述 在Java的学习中,文件和IO流是一个十分重要的板块。在Java中,File是文件和目录路径名的抽象表示。文件和目录可以通过File封装成对象。对File而言&#xff0…