2.配置Flutter代码编辑器(IDE)

背景:
写代码怎么能够没有一个强大而智能的编辑器,虽然Notepad++也可以,但是这个东西写代码谁用谁知道.所以我们需要一个能够提高生产力的工具.

您可以使用任何文本编辑器与命令行工具来构建Flutter应用程序。 不过,我们建议使用我们的编辑器插件之一,以获得更好的体验。通过我们的编辑器插件,您可以获得代码补全、语法高亮、widget编辑辅助、运行和调试支持等等。

按照下面步骤为Android Studio、IntelliJ或VS Code添加编辑器插件。如果你想使用其他的编辑器, 那没关系,直接跳到 下一步:创建并运行你的第一个应用程序

由于我是一个微软粉,微软出品必属精品,编辑器谁能敌得过VS Code.所以这个地方只写VS Code的配置方式. 

同时吐槽一上上述IDE或者编辑器.
Android Studio、IntelliJ这两个东西都是出自JB公司的产品,全部都是Java写的IDE,且不说IDE本身全英文对中国人不友好,软件卡的飞起,没有高速PCIE通道SSD+24G高频内存不太建议使用这两个东西.

在我这边实际配置过程中出现无法找到AndroidSDK的环境变量问题,此时按照之前第一章中添加环境变量的方式在,用户环境变量中新增名为:ANDROID_HOME的环境变量名,变量值为本地Android-SDK的全路径,在我本机为:D:\Android-SDK.

将Android_Home和Flutter的环境变量设置好后,下边的VS Code插件安装后会自动识别,能减轻不少麻烦.

Visual Studio Code (VS Code) 安装

VS Code: 轻量级编辑器,支持Flutter运行和调试.

安装 VS Code

  • VS Code, 安装1.20.1或更高版本.然后安装简体中文插件,重新加载VS Code.

安装Flutter插件

  1. 启动 VS Code
  2. 调用 F1 快捷键
  3. 输入 ‘install’, 然后选择 Extensions: Install Extension 或者直接在插件商店输入 4 中的内容
  4. 在搜索框输入 flutter , 在搜索结果列表中选择 ‘Flutter’此时应该认准官方发布者Dart Code, 然后点击 安装
  5. 选择 ‘OK’ 重新启动 VS Code

通过Flutter Doctor验证您的设置

  1. 调用 F1 快捷键
  2. 输入 ‘doctor’, 然后选择 ‘Flutter: Run Flutter Doctor’
  3. 查看“OUTPUT”窗口中的输出是否有问题
完成上述配置后理论上就能够直接进行Flutter开发了.但是!!!!

由于谷歌官方弃用Java,所以我们可以去VS Code的设置中,搜寻 @ext:dart-code.dart-code 找到 Dart:FlutterCreateAndroidLanguage (Flutter创建安卓应用的语言)选择为:Kotlin
同时将下方创建IOS应用的语言选择为 Swift

猜你喜欢

转载自www.cnblogs.com/dygood/p/12034199.html