【2025Flutter 入门指南】Dart SDK 安装与 VS Code 环境配置-Windows

目录

[一、Dart SDK 安装步骤](#一、Dart SDK 安装步骤)

[1. 下载 Dart SDK](#1. 下载 Dart SDK)

[2. 解压文件](#2. 解压文件)

[3. 配置环境变量](#3. 配置环境变量)

[4. 验证安装](#4. 验证安装)

[二、VS Code 中配置 Dart 开发环境](#二、VS Code 中配置 Dart 开发环境)

[1. 安装 Dart 插件](#1. 安装 Dart 插件)

[2. 创建并运行第一个 Dart 程序](#2. 创建并运行第一个 Dart 程序)

[三、扩展:Dart 基础语法示例](#三、扩展:Dart 基础语法示例)

四、总结


一、Dart SDK 安装步骤

1. 下载 Dart SDK

访问 Dart SDK 归档页面,选择适合你操作系统的版本进行下载。

2. 解压文件

下载完成后,将压缩包解压到你希望安装的目录(例如 D:\environment\dart)

注意:建议环境单独存放在一个环境中,不要包含中文避免解析问题

3. 配置环境变量

将 Dart SDK 的 bin 目录路径添加到系统的 PATH 环境变量中:

  • 右键"此电脑" → "属性" → "高级系统设置" → "环境变量"

  • 在"系统变量"中找到 Path,点击"编辑"

  • 点击"新建",添加 Dart SDK 的 bin 目录路径(例如 D:\environment\dart\dart-sdk\bin)

4. 验证安装

打开命令提示符(Cmd),输入以下命令:

bash 复制代码
dart --version

如果显示 Dart 版本信息,则表示安装成功。


二、VS Code 中配置 Dart 开发环境

1. 安装 Dart 插件

打开 VS Code,点击左侧扩展图标(或使用快捷键 Ctrl+Shift+X),在搜索框中输入 Dart ,找到官方提供的 Dart 插件并安装。

2. 创建并运行第一个 Dart 程序

在 VS Code 中新建一个文件 hello.dart,输入以下代码:

Dart 复制代码
void main() {
  print('Hello, Flutter & Dart!');
  print('欢迎来到 Flutter 世界!');
}

保存后,在终端中运行:

Dart 复制代码
dart hello.dart

你将看到输出:

Dart 复制代码
Hello, Flutter & Dart!
欢迎来到 Flutter 世界!

三、扩展:Dart 基础语法示例

下面是一个简单的 Dart 类与对象示例,帮助你快速上手 Dart 语法:

Dart 复制代码
// 定义一个 Person 类
class Person {
  String name;
  int age;

  Person(this.name, this.age);

  void introduce() {
    print('我叫 $name,今年 $age 岁。');
  }
}

void main() {
  // 创建对象
  var person = Person('小明', 20);
  person.introduce(); // 输出:我叫 小明,今年 20 岁。
}

四、总结

本文介绍了 Flutter 开发环境的初步搭建步骤,包括:

  • Dart SDK 的下载与安装

  • 系统环境变量的配置

  • VS Code 中 Dart 插件的安装

  • 第一个 Dart 程序的编写与运行

接下来你可以继续安装 Flutter SDK,并开始构建你的第一个 Flutter 应用。

如果有任何问题,欢迎在评论区留言交流!

相关推荐
千里马学框架3 天前
一起学 Android 14:ShellTransition 屏幕旋转过程深度剖析
android·智能手机·性能优化·framework·性能·屏幕旋转·rotation
美狐美颜SDK开放平台3 天前
开发直播APP时如何接入视频美颜SDK?开发流程与注意事项
android·人工智能·计算机视觉·音视频·直播美颜sdk
AFinalStone3 天前
Android7 SystemUI源码解析(七)Keyguard锁屏模块深度解析
android·systemui
致远ccc3 天前
Google Play 上架前如何测试 App?多国家 Android 环境测试
android·app测试·googleplay·多国家应用测试
ttyyttemo3 天前
Kotlin 协程中的 Job 结构化并发与取消
android
sun0077003 天前
tbox 4g/5g切换,导致wan ip 改变,导致车机旧网络不可用。需要重启车机才行
android
其实防守也摸鱼3 天前
内网穿透与反向代理:原理、工具与实战指南
android·大数据·运维·安全·网络安全·自动化·渗透
AFinalStone3 天前
Android7 SystemUI 源码解析(四)NavigationBar 导航栏与 SystemBars
android·systemui
JMchen3 天前
属性动画原理与高级动画实现
android·kotlin·canvas
AFinalStone3 天前
Android7 SystemUI 源码解析(二)启动流程深度解析
android·systemui