首页 > 其他分享 >5 个 Flutter VSCode 技巧和窍门,你可以马上使用!

5 个 Flutter VSCode 技巧和窍门,你可以马上使用!

时间:2022-10-28 18:55:30浏览次数:78  
标签:文件 技巧 VSCode 窍门 添加 setings Flutter

5 个 Flutter VSCode 技巧和窍门,你可以马上使用!

前言

今天,我将向你展示 5 个非常有用的 Flutter 技巧,你可以立即应用到你的项目中。我不会给你任何软件包或扩展,但非常简单,但非常有用的技巧!

原文 https://tomicriedel.medium.com/a0fb378024e0

正文

更清晰的文件夹结构

在创建一个新的 flutter 项目后,有太多的文件。但是我们可以在 VSCode 中用非常简单的步骤来构造这些文件:

  1. 打开命令面板(Ctrl/Cmd + Shift + P)
  2. 键入“首选项: 打开设置(JSON)”
  3. 将以下代码行添加到 setings.json:

下面是比较之前和之后的对比:

之前

之后

正如您所看到的,许多我们很少使用的文件现在隐藏在 pubspec.yaml 中。当然,您可以展开 pubspec.yam land 来访问这些文件。

自动 Fix linters

一个接一个地解决所有的内衬问题是非常烦人的。即使你使用例如“添加 const 关键字”对话框,每次都这样做,从长远来看是非常耗时的。这就是为什么我们将创建一种方法来自动添加这些小东西时,保存文件。为此,我们返回到 setings.json (前一篇技巧文章中的说明)并添加以下内容:

Awesome Flutter Snippets

我知道,我知道,我说过我不会在这篇技巧文章中添加一个扩展,但是这个扩展对于每个 Flutter 开发者来说都是必不可少的。它提供了如此多不同的 Flutter 片段,您可以立即使用它们来加快开发速度。它为每个用例提供了 40 多个代码片段,并支持复杂的 widget :

有时候,如果您想在控制台上打印一个错误,那么这个错误显示的时间太长了。这是因为 print 有字符限制。要显示错误,只需使用 log (message)代替:

更容易格式化

在第二个技巧中,我们讨论了如何自动添加 const 关键字之类的东西。现在,我们希望在保存文件时立即对其进行格式化。为此,将以下代码行添加到 setings.json:


如果本文对你有帮助,请转发让更多的朋友阅读。

© 猫哥

本文由mdnice多平台发布

标签:文件,技巧,VSCode,窍门,添加,setings,Flutter
From: https://www.cnblogs.com/ducafecat/p/16837123.html

相关文章

  • 8 个最有用的 Flutter 技巧!
    8个最有用的Flutter技巧!前言这些在开发中的代码技巧猫哥也在使用哦。原文https://medium.com/@flutterqueen/top-8-flutter-useful-tips-fbaf7d54f5a1正文1文......
  • VSCode-Add_Configuration后launch.json为空的解决办法
    VSCode-AddConfiguration后launch.json为空的解决办法今天需要使用VSCodedebug一个程序,点击菜单栏的“Run”-"AddConfiguration"选项,准备生成一个默认的launch.json......
  • VSCode-配置c_cpp环境
    VSCode-配置c_cpp环境mac下VSCode配置cpp环境记录:一.环境macOS:10.14VSCode:1.44.2Xcode:11.3.1(会用到Xcode的工具链,如lldb、clang)二.安装插件编辑、调试C/C++......
  • Flutter开发之Scaffold组件快速开发APP
    Scaffold包括的属性constScaffold({Key?key,PreferredSizeWidget?appBar,Widget?body,Widget?floatingActionButton,FloatingActionButtonLocation?floatingAct......
  • VSCode-多文件编译执行
    VSCode-配置多文件编译默认VSCode只能编译单个文件,若多个文件一起编译,经常会报undefinedreference找不到引用的错误,比如下面的问题:这个时候即使你把所有的cppcode......
  • VSCode-切换焦点时自动保存文件
    设置VSCode切换焦点时自动保存文件什么意思?有时候在VSCode下工作的时候突然需要去做别的事情,比如刚在Explorer窗口中新建了一个文件,但还没保存,这个时候切换到另一个窗......
  • Flutter 路由
    flutter的路由简单使用跳转Navigator.of(context).push(MaterialPageRoute(builder:(context){returnTest();......
  • vscode常用设置
    (1)通过可视化界面的方式设置,File->Preferences->Settings(2)通过json配置文件方式设置,ctrl+shift+p,选择OpenSettings(JSON) #宽度指示线(支持多根)"edit......
  • vscode dlv调试配置
    调试参数refer: https://github.com/golang/vscode-go/blob/master/docs/debugging.mdlaunch.json{//使用IntelliSense了解相关属性。//悬停以查看现有......
  • VScode配置cpp运行调试环境
    1.说明本文基于的操作系统环境为windows10,VScode版本为1.72.2。2.VScode安装及配置在VScode官网(https://code.visualstudio.com)下载安装包,按照提示一路安装下来即可。......