• 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
  • 相关阅读:
    尝试在mac上用dotnet cli运行asp.net core示例程序
    帅呆了!ASP.NET Core每秒能处理115万个请求
    EF(Entity Framework)多对多关系下用LINQ实现"NOT IN"查询
    前端工程师和设计师必读文章推荐【系列三十四】
    Plyr – 简单,灵活的 HTML5 媒体播放器
    20种新颖的按钮风格和效果【附源码下载】
    12款最佳的 WordPress 语法高亮插件推荐
    MaterialUp
    React Native – 使用 JavaScript 开发原生应用
    推荐15款创建漂亮幻灯片的 jQuery 插件
  • 原文地址:https://www.cnblogs.com/dygood/p/12034199.html
Copyright © 2020-2023  润新知