Flutter和Dart以及Android Studio的安装配置

发布时间：2026-01-01 09:25:53

一，下载Dart并安装官方地址

1. 下载地址: http://gekorm.com/dart-windows/

2. 点击按装下一步，即可

3. 验证：cmd -> dart --version

4. 上面命令出现版本号，表示按装成功

二，Vscode中配置dart

1. 找到vscode插件安装dart

2. 找到vscode插件安装code runner

Code Runner 可以运行我们的dart文件

3. 测试是否安装成功 打印 hello world

void main(List args) {
  print('Hello, World!');
}

三. Windows上面搭建FlutterAndroid运行环境
Flutter Android环境搭建:
电脑上面安装配置JDK (版本jdk-22)
电脑上下载安装Android Studio (版本android-studio-2024.2.1.11)

电脑上面下载配置Flutter Sdk(版本网盘提供的是的Flutter 3.24.5，适用于Flutter3.7.3之后的所有版本)

1. 下载JDK包22以上或最新版本 下载地址：

https://www.oracle.com/java/technologies/downloads/

2. 设置系统环境变量

 JAVA_HOME  D:\flutter\jdk25
 
 PATH 加以下两条
   %JAVA_HOME%\bin
   %JAVA_HOME%\jre\bin

3. cmd 验证：

java --version

四. 电脑上下载安装Android Studio

1. 下载连接：

https://developer.android.google.cn/studio

2. 按装成功 打开软件 file->settings->Plugins 安装 dart / flutter

五. 下载配置Flutter Sdk

1. 下载链接

https://docs.flutter.dev/install/archive#overview

2. 下载完成,解压 设置环境变量

D:\flutter\flutter_windows\flutter\bin

3.配置Flutter国内镜像
搭建环境过程中要下载很多的资源文件，当一些文件下载不了的时候，会报各种错，在国内访问Flutter的时候有可能会受到限制， Flutter官网为我们提供了国内的镜像。
进入Flutter中文网https://flutter-io.cn/，下拉到最下面，找到"使用镜像"，把下面两句配置到新建环境变量中。
变量名：FLUTTER_STORAGE_BASE_URL 变量值： https://storage.flutter-io.cn
变量名：PUB_HOSTED_URL 变量值：https://pub.flutter-io.cn

FLUTTER_STORAGE_BASE_URL :https://storage.flutter-io.cn
PUB_HOSTED_URL :  https://pub.flutter-io.cn

4. 检测环境是否配置成功

  flutter doctor

5. 支持pc端：

下载 ： https://visualstudio.microsoft.com/downloads/

下载->按装->选择c++ windows10 或 windwos11

五. vscode 对 flutter 命令使用

1. flutter devices 查看设备

2. flutter run 默认运行 链接 设备

3. shift+R 热重启

4. flutter run -d windows 指定设备

常用的快捷键
r键: 点击后热加载，也就算是重新加载吧。
R键: 热重启项目.
p键: 显示网格，这个可以很好的掌握布局情况，工作中很有用。
o键: 切换android和ios的预览模式。
q键: 退出调试预览模式。