搭建 Flutter 开发环境
理论上可以使用任何文本编辑器与命令行工具来构建 Flutter 应用程序。 不过,Flutter 官方建议使用 Android Studio 和 VS Code 之一以获得更好的开发体验。
这里选择使用 Visual Studio Code 作为编辑器,下面介绍其的安装。
一、安装 VS Code
- 下载适用于 Windows 的 Visual Studio Code 安装程序。
- 下载后,运行安装程序 (VSCodeUserSetup-{version}.exe)。这只需要一分钟。
- 默认情况下,VS Code 安装在 下。
C:\Users\{Username}\AppData\Local\Programs\Microsoft VS Code
二、使用 VS Code 安装 Flutter 插件
- 启动 VS Code;
- 点击 Flutter extension for VS Code 这个链接,然后会在 VS Code 上看到 Flutter SDK 的安装包,如下图所示,然后点击 install 按钮下载安装即可;
三、创建Flutter应用
-
安装好了之后,按下快捷键 Control + Shift + P,打开 命令面板 (Command Palette);
-
在 命令面板 (Command Palette) 中输入
flutter
,选择 Flutter: New Project,就会创建一个新的工程,然后选择工程所在的文件夹; -
然后等待一会,就可以看到一个 main.dart 的文件,如下图所示;
-
然后按下 F5 选择 Windows 的环境下运行,就会弹出默认界面,如下图所示;
参考:
-
1.3 搭建Flutter开发环境 | 《Flutter实战·第二版》 (flutterchina.club)1.3 搭建Flutter开发环境 | 《Flutter实战·第二版》 (flutterchina.club)
-
开发 Windows 桌面应用 | Flutter 中文文档 - Flutter 中文开发者网站 - Flutter