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

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

相关推荐
雨季6669 小时前
Flutter 三端应用实战:OpenHarmony 简易“动态内边距调节器”交互模式深度解析
javascript·flutter·ui·交互·dart
冠希陈、9 小时前
PHP 判断是否是移动端,更新鸿蒙系统
android·开发语言·php
晚霞的不甘11 小时前
Flutter for OpenHarmony从零到一:构建《冰火人》双人合作闯关游戏
android·flutter·游戏·前端框架·全文检索·交互
2601_9498333911 小时前
flutter_for_openharmony口腔护理app实战+饮食记录实现
android·javascript·flutter
独自破碎E11 小时前
【滑动窗口+字符计数数组】LCR_014_字符串的排列
android·java·开发语言
stevenzqzq11 小时前
compose 中 align和Arrangement的区别
android·compose
VincentWei9512 小时前
Compose:MutableState 和 mutableStateOf
android
jian1105812 小时前
Android studio配置flutter,mac Android studio 发现苹果手机设备
android·flutter·android studio
2501_9400078912 小时前
Flutter for OpenHarmony三国杀攻略App实战 - 性能优化与最佳实践
android·flutter·性能优化
Rysxt_13 小时前
UniApp获取安卓系统权限教程
android·uni-app