专业的编程技术博客社区

网站首页 > 博客文章 正文

开始使用Flutter之编辑工具设定(flutter ide编辑器)

baijin 2024-08-11 13:40:06 博客文章 16 ℃ 0 评论

你可以使用任意文本编辑器,结合命令行工具来开发 Flutter 应用。

不过还是推荐使用Flutter的编辑器插件以获取更好的开发体验。这些插件提供了代码补全、代码高亮、widget 辅助编辑的功能,以及为项目的运行和调试提供支持等。

在 Android Studio、IntelliJ 或者 VS Code 中都可以添加编辑器插件。

使用 Android Studio

Android Studio 为 Flutter 提供了一个完整的集成开发环境。

  • Android Studio,3.0 或之后的版本

同时, 你也可以使用 IntelliJ:

  • IntelliJ IDEA Community, 2017.1 或之后的版本
  • IntelliJ IDEA Ultimate, 2017.1 或之后的版本

安装 Flutter 和 Dart 插件

安装过程如下:

  1. 打开 Android Studio。
  2. 打开插件设置(在 v3.6.3.0 以上的系统打开 Configure > Plugins)。
  3. 然后选择 Flutter 插件并点击 安装
  4. 当弹出安装 Dart 插件提示时,点击 Yes
  5. 当弹出重新启动提示时,点击 Restart

使用 VS Code

VS Code 是一个可以运行和调试 Flutter 的轻量级编辑器。

  • VS Code,最新稳定版本

安装 Flutter 和 Dart 插件

  1. 打开 VS Code。
  2. 打开 查看 > 命令面板…
  3. 输入 “install”,然后选择 扩展: 安装扩展
  4. 在扩展搜索输入框中输入 “flutter”,然后在列表中选择 Flutter 并单击 安装。此过程中会自动安装必需的 Dart 插件。
  5. 点击 重新加载 以重新启动 VS Code。

通过 Flutter Doctor 命令验证是否安装成功

  1. 打开 查看 > 命令面板…
  2. 输入 “doctor”,选择 Flutter: Run Flutter Doctor
  3. 打开 输出 (OUTPUT) 面板查看是否有错误,确保在不同的输出选项 (Output Options) 的下拉列表中选择了 Flutter。

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表