【Flutter】Dart:环境搭建

Flutter 是一个基于 Dart 的跨平台开发框架,可以帮助我们快速构建移动应用程序。在开始 Flutter 开发之前,我们需要先搭建 Dart 的开发环境,并配置合适的编辑器,比如 VSCode。本教程将引导你一步步完成 Dart 和 Flutter 的环境搭建,并配置 VSCode 以提高开发效率。

安装 Flutter 和 Dart SDK

Flutter 包含 Dart SDK,因此安装 Flutter 后会自动包含 Dart,无需单独安装 Dart SDK。

下载并安装 Flutter SDK

  1. 访问 Flutter 官方下载页面:Flutter 下载
  2. 根据你的操作系统选择合适的版本下载(Windows、macOS 或 Linux)。

解压并设置环境变量

  • Windows

    • 下载后将 Flutter SDK 解压到你想要安装的位置,比如 C:\src\flutter
    • 打开 系统属性 -> 环境变量 -> 系统变量 -> Path,点击 “编辑”,将 Flutter 的 bin 目录(如 C:\src\flutter\bin)添加到系统环境变量中。
  • macOSLinux

    • 打开终端,将下载的 Flutter SDK 解压到合适的路径(如 ~/development/flutter)。

    • 编辑 ~/.bashrc~/.zshrc 文件,添加以下内容:

      export PATH="$PATH:`pwd`/flutter/bin"
      
    • 然后执行 source ~/.bashrcsource ~/.zshrc 使路径生效。

验证安装

打开终端(或命令提示符),运行以下命令检查 Flutter 是否安装成功:

flutter --version

如果输出 Flutter 的版本信息,说明安装成功。

安装 Flutter 依赖

运行以下命令安装 Flutter 依赖并检测系统配置:

flutter doctor

flutter doctor 会显示系统配置的状态,确保所有必需的依赖(如 Android Studio、Xcode 等)都已安装。如果有缺失的依赖,根据提示安装即可。

安装并配置 VSCode

VSCode 是轻量且强大的编辑器,非常适合 Flutter 和 Dart 的开发。以下是配置步骤:

下载并安装 VSCode

  1. 访问 VSCode 官网 并下载安装程序。
  2. 安装完成后,打开 VSCode。

安装 Dart 和 Flutter 插件

  1. 打开 VSCode 后,点击左侧扩展市场图标(或使用快捷键 Ctrl+Shift+X),在搜索框中分别搜索并安装:

    • Dart
    • Flutter

    这些插件将为你提供 Dart 和 Flutter 的语法高亮、智能提示、调试等功能。

配置 Flutter 项目

  1. 在 VSCode 中,按下 Ctrl+Shift+P 打开命令面板,输入 Flutter: New Project 并按下回车。
  2. 选择项目的目录,并为你的项目命名,VSCode 会自动生成 Flutter 项目文件结构。

配置 Android 模拟器或 iOS 模拟器

  • Android 模拟器

    1. 打开 Android Studio,确保已经安装了 Android SDK 和虚拟设备管理器(AVD)。
    2. 创建一个 Android 虚拟设备并启动。
    3. 在 VSCode 中,可以通过运行 flutter devices 查看可用设备。
  • iOS 模拟器(仅限 macOS):

    1. 确保已安装 Xcode 并且配置了 iOS 开发环境。
    2. 在终端中运行 open -a Simulator 启动 iOS 模拟器。

Dart 代码的编写与运行

创建 Dart 文件

  1. 在 Flutter 项目中,打开 lib/main.dart 文件。你可以看到 Flutter 默认的项目结构。

  2. 如果你只想练习 Dart 语言,可以新建一个 Dart 文件,例如 hello.dart

    void main() {
      print('Hello, Dart!');
    }
    

运行 Dart 文件

  • 打开终端,在 VSCode 中使用以下命令直接运行 Dart 文件:

    dart run hello.dart
    
  • 或者在 VSCode 中安装 Code Runner 插件,然后通过点击右上角的运行按钮来执行 Dart 文件。

调试 Flutter 应用

运行 Flutter 应用

  1. 打开 lib/main.dart 文件。
  2. F5 启动调试模式,VSCode 将自动运行 Flutter 应用并连接到模拟器或设备。

热重载与热重启

  • 热重载:保存代码时会自动应用更改,极大提升开发效率。你也可以在终端运行 r 执行热重载。
  • 热重启:按 Shift+R,用于重新启动应用并应用代码的全局变更。

总结

通过上述步骤,你应该已经成功安装并配置了 Dart 和 Flutter 的开发环境,并且能使用 VSCode 编写和调试 Flutter 应用。整个流程可以分为以下几个步骤:

  1. 安装并配置 Flutter SDK 和 Dart 环境。
  2. 安装并配置 VSCode 编辑器。
  3. 学习如何创建和运行 Dart 文件以及 Flutter 项目。
  4. 通过模拟器或真机调试 Flutter 应用。

接下来,你可以开始深入学习 Flutter 开发,探索更多组件和功能。希望这个教程能帮助你顺利进入 Flutter 开发的世界!

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

具备哪些特质的内外网文件交换系统 才是高科技企业需要的?

高科技企业是指涉及对国家产生深远和积极影响的先进技术的产业集群,它们以持续的创新和高研发投入为核心,推动科技进步和产业升级。高科技企业是市场经济的重要组成,为经济发展和技术进步提供充足动力,因此,高科技企业…

【南开X上海交大】OPUS:效率显著提升的OCC网络

1. 摘要 占据预测任务旨在预测体素化的3D环境中的占据状态,在自动驾驶领域中迅速获得了关注。主流的占据预测方法首先将3D环境离散化为体素网格,然后在这些密集网格上执行分类。然而,样本数据分析显示,大多数体素实际上是未占据的…

《15分钟轻松学Go》教程目录

在AI快速发展的时代,学习Go语言依然很有用。Go语言擅长处理高并发任务,也就是说可以同时处理很多请求,这对于需要快速响应的AI服务非常重要。另外,Go适合用来处理和传输大量数据,非常适合机器学习模型的数据预处理。 …

并查集 --- Java通用模版

什么是并查集 并查集可以解决什么问题:判断两个节点是否在一个集合,也可以将两个节点添加到一个集合中。 并查集常用于处理大规模数据下的元素分组问题,特别是在数据量极大时,使用正常的数据结构可能会导致空间或时间复杂度过高…

2024年10月21日计算机网络,乌蒙第一部分

【互联网数据传输原理 |OSI七层网络参考模型】 https://www.bilibili.com/video/BV1EU4y1v7ju/?share_sourcecopy_web&vd_source476fcb3b552dae37b7e82015a682a972 mac地址相当于是名字,ip地址相当于是住址,端口相当于是发送的东西拿什…

推荐一款功能强大的数据备份工具:Iperius Backup Full

Iperius Backup是一款非常灵活而且功能强大的数据备份工具,程序可以非常好的保护您的文件和数据的安全。支持DAT备份、LTO备份、NAS备份、磁带备份、RDX驱动器、USB备份、并且支持zip压缩和军事级别的AES 256位数据加密技术! 主要特色 云备份 Iperius可以自动地发…

STM32F1+HAL库+FreeTOTS学习18——任务通知

STM32F1HAL库FreeTOTS学习18——任务通知 1. 任务通知1.1 任务通知的引入1.2 任务通知简介1.3 任务通知的优缺点 2. 任务相关API函数2.1 发送任务通知2.1.1 xTaskGenericNotify()2.1.2 xTaskNotifyGive()和xTaskNotifyGiveIndexed()2.1.2 xTaskNotify()和xTaskNotifyIndexed()2…

【LeetCode:910. 最小差值 II + 模拟 + 思维】

🚀 算法题 🚀 🌲 算法刷题专栏 | 面试必备算法 | 面试高频算法 🍀 🌲 越难的东西,越要努力坚持,因为它具有很高的价值,算法就是这样✨ 🌲 作者简介:硕风和炜,…

低功耗4G模组的小秘密:RSA算法示例驾到,通通闪开...

在实际应用中,低功耗4G模组的RSA算法示例具有重要的价值,所以今天我们学习合宙低功耗4G模组Air780EP_LuatOS_rsa示例: 1.简介 RSA算法的安全性基于:将两个大质数相乘很容易,但是想要将其乘积分解成原始的质数因子却非…

微信小程序广告组件被驳回之后怎么重新提交广告组件?

有时候遇到广告组件被退回的问题 这时需要重新提交一次程序代码,然后提交审核然后发布新版本之后,找到广告管理,即可看到广告组件是在正在审核状态中

CANoe_数据回放功能功能介绍_时间段(区间)选择

CANoe的日志回放功能,可以选择时间段回放,这样可以在数据量很大的时候快速定位分析数据问题点 CANoe日志回放功能概述 CANoe的日志回放功能允许用户重现和分析已记录的CAN总线或其他网络总线数据。这些日志文件通常以CANoe自己的日志格式(.b…

C#学习笔记(一)

C#学习笔记(一) 简介第一章 上位机开发环境之 VS 使用和.NET 平台基础一、安装软件二、创建项目三、第一个Hello world四、解决方案与项目五、Debug 和 Release 的区别六、代码的生产过程七、CLR的其它功能 简介 C# .NET工控上位机开发 在工控领域&…

【AI 大模型】智能时代的核心驱动力

1. 引言📜1.1 AI大模型的崛起与影响力🌟1.2 本文的研究目的与结构🧐 2. AI大模型的基础概念与技术原理📚2.1 定义与核心特征🎯2.2 深度学习架构基础🧠2.3 大规模数据训练的重要性📊2.4 模型优化…

15分钟学Go 实战项目一:命令行工具

实战项目一:命令行工具 1. 引言 命令行工具是开发者常用的工具之一,它可以帮助用户通过命令行界面对程序进行控制和交互。在这节中,我们将创建一个简单的命令行工具,以帮助你理解Go语言的基本语法和如何处理命令行输入。在这个过…

HarmonyOS NEXT 应用开发实战(六、组件导航Navigation使用详解)

在鸿蒙应用开发中,Navigation 组件是实现界面间导航的重要工具。本文将介绍如何使用 Navigation 组件实现页面跳转及参数传递,确保你能轻松构建具有良好用户体验的应用。 当前HarmonyOS支持两套路由机制(Navigation和Router)&…

Dongle Sentinal在Jenkins下访问不了的问题

背景: 工作站部署的jenkins的脚本无法正常打包,定位后发现是本地获取不了license,但是使用usb over network的远程license都能获取并正常打包 分析: 获取不了license的原因是本地无法识别dongle。根据提供信息,之前…

力扣76~80题

题76(困难): 分析: 这道题其实不难,但是是我做最久的了,我居然去用res去接所有可能得值,然后再求长度导致空间暴力,我还以为是我queue的问题。。。 最后用暴力求解解的&#xff0c…

Apache Seata Raft模式配置中心

本文来自 Apache Seata官方文档,欢迎访问官网,查看更多深度文章。 本文来自 Apache Seata官方文档,欢迎访问官网,查看更多深度文章。 Apache Seata Raft模式配置中心 title: Seata Raft模式配置中心 author: 蒋奕晨-清华大学&…

Vue是一套构建用户界面的渐进式框架,常用于构建单页面应用

学习总结 1、掌握 JAVA入门到进阶知识(持续写作中……) 2、学会Oracle数据库入门到入土用法(创作中……) 3、手把手教你开发炫酷的vbs脚本制作(完善中……) 4、牛逼哄哄的 IDEA编程利器技巧(编写中……) 5、面经吐血整理的 面试技…

HCIE-Datacom题库_11_IPsecVPN【17道题】

一、单选题 1.IPsecSA(SecurityAssociation,安全联盟)有两种生成方式,分别是手工方式和IKE自动协商方式,以下关于这两种方式的描述中,错误的是哪一项? 手工方式和IKE方式建立的SA都支持动态刷新 IKE方式建立的SA,其生存周期由…