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

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

相关推荐
IT小码哥丶1 分钟前
Android进阶之事件分发机制深度剖析
android
执明wa15 小时前
LayoutInflater详解: XML是如何变成View的?
android·xml·开发语言·android studio
404_coder16 小时前
源码视角下的 Android 开机流程:从 Zygote、SystemServer 到 Launcher
android
二流小码农16 小时前
鸿蒙开发:以登录案例了解代码架构MVVM
android·ios·harmonyos
用户693717500138417 小时前
从代码生产者到 AI 协作者:软件工程师的角色重构
android·前端·后端
GitLqr17 小时前
别在 Flutter 的 main() 里乱锁屏幕方向,小心 iPad 分屏功能被你搞没了
android·flutter·ios
sg_knight17 小时前
MySQL 存储过程详解:从入门到实战
android·数据库·mysql·database·dba·关系型数据库·db
爱笑鱼17 小时前
Binder(四):ioctl(BINDER_WRITE_READ) 之后,事务怎样到达目标进程?
android
AFinalStone17 小时前
Android 7系统休眠唤醒(二)开机全链路—BootROM到Launcher
android·电源管理·休眠唤醒