背景:
写代码怎么能够没有一个强大而智能的编辑器,虽然Notepad++也可以,但是这个东西写代码谁用谁知道.所以我们需要一个能够提高生产力的工具.
完成上述配置后理论上就能够直接进行Flutter开发了.但是!!!!
由于谷歌官方弃用Java,所以我们可以去VS Code的设置中,搜寻 @ext:dart-code.dart-code 找到 Dart:FlutterCreateAndroidLanguage (Flutter创建安卓应用的语言)选择为:Kotlin
写代码怎么能够没有一个强大而智能的编辑器,虽然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插件
- 启动 VS Code
- 调用 F1 快捷键
- 输入 ‘install’, 然后选择 Extensions: Install Extension 或者直接在插件商店输入 4 中的内容
- 在搜索框输入
flutter
, 在搜索结果列表中选择 ‘Flutter’此时应该认准官方发布者Dart Code, 然后点击 安装 - 选择 ‘OK’ 重新启动 VS Code
通过Flutter Doctor验证您的设置
- 调用 F1 快捷键
- 输入 ‘doctor’, 然后选择 ‘Flutter: Run Flutter Doctor’
- 查看“OUTPUT”窗口中的输出是否有问题
由于谷歌官方弃用Java,所以我们可以去VS Code的设置中,搜寻 @ext:dart-code.dart-code 找到 Dart:FlutterCreateAndroidLanguage (Flutter创建安卓应用的语言)选择为:Kotlin
同时将下方创建IOS应用的语言选择为 Swift