首页 > 其他分享 >日常使用vscode开发flutter相关的插件

日常使用vscode开发flutter相关的插件

时间:2023-09-12 11:35:42浏览次数:41  
标签:插件 Git vscode Flutter variables flutter public

简介

这里整理了日常使用vscode开发flutter相关的插件,也有部分通用类型的插件

Flutter & Dart

这2个是flutter官方插件,开发flutter装机必备,不用多说。

Awesome Flutter Snippets

Awesome Flutter Snippets is a collection snippets and shortcuts for commonly used Flutter functions and classes

这里面包含Flutter中非常常用的代码片段

Bracket Pair Colorizer 2

A customizable extension for colorizing matching brackets

这个插件可以使成对的括号带上不同颜色,特别适合dart这种嵌套层级很深声明式语言, 这个插件可以很方便的区分括号的开始和截止位置

日常使用vscode开发flutter相关的插件_ico

Bracket _Pair_Colorizer_2

GitLens

Supercharge the Git capabilities built into Visual Studio Code — Visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more

最好用的feature是在该末尾的引人注目的当前行责任注释,可通过悬停获取详细的责任信息,当然还有很多其他的feature,请自行探索。

日常使用vscode开发flutter相关的插件_flutter_02

git相关的右键菜单

日常使用vscode开发flutter相关的插件_flutter_03

Color Highlight

Highlight web colors in your editor

web颜色高亮,直接将颜色对应的css显示出来,非常直观

日常使用vscode开发flutter相关的插件_ico_04

color_highlight

Image Preview

Shows image preview in the gutter and on hover

单鼠标悬浮在带有图片的超链接上会显示预览图片

日常使用vscode开发flutter相关的插件_ico_05

image_preview

pubspec assist

Easily add and update dependencies to your Dart and Flutter project.

Material Icon Theme

Material Design Icons for Visual Studio Code

针对不同的文件icon和文件夹icon设计了一套主题图标

日常使用vscode开发flutter相关的插件_Code_06

日常使用vscode开发flutter相关的插件_Code_07

Error lens

Improve highlighting of errors, warnings and other language diagnostics.

增强了语言中的错误高亮效果,使错误提示在代码后面显示

日常使用vscode开发flutter相关的插件_Code_08

error_lens

flutter-stylizer

Flutter Stylizer organizes your Flutter classes in an opinionated and consistent manner.

使flutter中的代码按照下面的方式排序,方便统一约束团队代码的结构

"flutterStylizer.memberOrdering": [
    "public-constructor",
    "named-constructors",
    "public-static-variables",
    "public-instance-variables",
    "private-static-variables",
    "private-instance-variables",
    "public-override-methods",
    "public-other-methods",
    "build-method",
],

当然这只是默认顺序,具体的顺序可以自行调整,插件安装完成后,通过快捷键格式化当前的文件


标签:插件,Git,vscode,Flutter,variables,flutter,public
From: https://blog.51cto.com/u_16163480/7443758

相关文章

  • MyBatisPlus插件访问不到云数据库的解决方案
      今天在学mybatis-plus时候了解到除了MybatisX插件外还有个大佬写的MyBatisPlus插件,个人感觉他默认自动生成代码的风格会比MybatisX插件更适合中国程序员,跳转的图标也比小鸟更合适。  但是在连接云数据库的时候出了问题,发现他根本连接不到云数据库,问了其他人,他们表示自己的......
  • vsCode代码块无法折叠收起问题&代码块折叠/展开快捷键
    https://blog.csdn.net/Maybe_ss/article/details/122577167https://blog.csdn.net/Felaim/article/details/125971296......
  • 工具:vscode折叠任意想折叠的代码块
    https://blog.csdn.net/qq_43548684/article/details/131958032?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-131958032-blog-122577167.235%5Ev38%5Epc_relevant_default_base&depth_1-utm_source=......
  • 记录Mac下vscode无法附加到本地docker容器的问题
    我想用vscode直接附加到本地docker容器,在里面编辑开发,传统的办法要在容器内设置ssh服务器,通过vscode的remote插件先进入到容器里面,再编辑开发,可是我看似乎vscode做了优化,本地容器可以免去ssh服务,通过devcontainers插件和docker插件的AttachtorunningDockercontainer、在新窗......
  • vue中使用xlsx插件前端读取解析excel文件
    问题描述工作中一般都是后端去解析excel数据,前端使用上传组件去将excel组件丢给后端,后端使用一些插件去解析excel(比如hutool工具类)不过有些情况下,前端也需要去做一些excel的解析,比如产品经理说,在上传excel文件之前,要做一个excel的图表化预览审核查看啥的,没问题的话,再丢给后端去......
  • Flutter vs Kotlin :哪个更适合 App 开发?
    前言跨平台应用程序框架是开发人员用来为不同框架构建应用程序的工具。与原生平台不同,跨平台框架允许开发人员创建可以在多个平台(包括iOS、Android和Windows)上运行的单个应用程序,只需对开发过程进行少量修改。使用跨平台应用程序有什么好处?跨平台应用程序的显着优势之一是能够覆......
  • Burp Unexpected_information插件二次开发教程
    Unexpected_information是什么?Unexpected_information是一款开源的Burp插件,该插件的主要场景是用来辅助渗透测试工作,它可以自动的标记出请求包中的一些敏感信息、JS接口和一些特殊字段,防止我们在测试中疏忽了一些数据包,能发现平时渗透测试中忽略掉的一细节信息。Unexpected_i......
  • 软件测试|好用的pycharm插件推荐(二)—— JSON Parser
    简介PyCharm是一款强大的Python集成开发环境(IDE),它提供了许多插件来增强开发体验。其中一个非常有用的插件是"JSONParser",它允许你在PyCharm中轻松解析和处理JSON数据。在本文中,我们将详细介绍如何安装和使用PyCharmJSONParser插件。安装JSONParser插件打开PyCharmIDE,并点击顶......
  • 软件测试|好用的pycharm插件推荐(三)——Rainbow Brackets
    简介我们平时写代码的时候,括号是让我们非常头疼的地方,特别是代码逻辑很多,层层嵌套的情况。一眼很难看出,代码是从哪个括号开始,到哪个反括号结束的。这个时候要是有一款工具能够让我们一眼就看出代码从哪个括号开始,到哪个反括号结束,无疑对我们会有很大帮助。PyCharmRainbowBracket......
  • VScode-实用插件分享
    界面插件select-highlight-cochineal-color:选择高亮indent-rainbow:缩进彩色显示selecthighlightinminimap:代码地图高亮vscode-icons:显示VScode中,各类文件、文件夹的icon,方便查找功能插件CodeRunner:可以运行一些语言的小demo,可以做部分代码验证Clang-format:代码格式化......