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

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

相关推荐
yuanManGan9 小时前
走进Linux的世界:初识操作系统(Operator System)
android·linux·运维
叶羽西10 小时前
Android15跟踪函数调用关系
android
消失的旧时光-194311 小时前
webView 的canGoBack/goBack 回退栈
android·webview
SHEN_ZIYUAN11 小时前
Flow 责任链模式图解
android
沐怡旸13 小时前
【底层机制】LeakCanary深度解析:从对象监控到内存泄漏分析的完整技术体系
android·面试
又菜又爱coding14 小时前
Android + Flutter打包出来的APK体积太大
android·flutter
LiuYaoheng14 小时前
【Android】Drawable 基础
android·java
QuantumLeap丶15 小时前
《Flutter全栈开发实战指南:从零到高级》- 10 -状态管理setState与InheritedWidget
flutter·前端框架·dart
Jerry15 小时前
构建 Compose 界面
android