搭建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_install_A.png


三、创建Flutter应用

  • 安装好了之后，按下快捷键 Control + Shift + P，打开 命令面板 (Command Palette)；

  • 在 命令面板 (Command Palette) 中输入 flutter，选择 Flutter: New Project，就会创建一个新的工程，然后选择工程所在的文件夹；

  • 然后等待一会，就可以看到一个 main.dart 的文件，如下图所示；

  • 然后按下 F5 选择 Windows 的环境下运行，就会弹出默认界面，如下图所示；

Flutter_install_C.png


Flutter_install_D.png


参考：


posted @ 2024-08-23 10:40  fengMisaka  阅读(4)  评论(0)  编辑  收藏  举报