【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 应用。

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

相关推荐
lizhenjun1141 小时前
android修改线程名字长度
android
用户69371750013845 小时前
Google 正在“收紧侧加载”:陌生 APK 安装或需等待 24 小时
android·前端
用户69371750013845 小时前
Room 3.0:这次不是升级,是重来
android·前端·google
alexhilton8 小时前
Compose中的ContentScale:终极可视化指南
android·kotlin·android jetpack
Digitally10 小时前
2026 年 8 款安卓数据擦除软件和应用对比
android
杨忆10 小时前
android 11以上 截图工具类
android
粤M温同学10 小时前
Android Studio 中安装 CodeBuddy AI助手
android·ide·android studio
阿拉斯攀登11 小时前
【RK3576 安卓 JNI/NDK 系列 08】RK3576 实战(二):JNI 调用 I2C 驱动读取传感器数据
android·安卓ndk入门·jni方法签名·java调用c++·rk3576底层开发·rk3576 i2c开发
赶路人儿13 小时前
常见的mcp配置
android·adb
符哥200813 小时前
充电桩 WiFi 局域网配网(Android/Kotlin)流程、指令及实例说明文档
android·开发语言·kotlin