Visual Studio Code 珍藏好久的插件推荐(中)

简介: Visual Studio Code 珍藏好久的插件推荐(中)

15、 Better Comments

Better Comments扩展将帮助您在代码中创建更人性化的注释。

使用此扩展,您将能够将注释分类为:

  • 警报
  • 查询
  • TODO
  • 亮点
  • 注释掉的代码也可以进行样式化,以明确代码不应该出现在那里
  • 您可以在设置中指定任何其他注释样式

16、Vue Language Features (Volar)

Vue Language Features是为Vue、Vitepress和petite-vue构建的语言支持扩展。这是基于@vue/reactivity来按需计算一切,以实现原生TypeScript语言的服务级性能。

17、Vue 3 Snippets

这个插件基于最新的 Vue 2 及 Vue 3 的 API 添加了 Code Snippets。

这个插件包含了所有的 Vue.js 2 和 Vue.js 3 的 api 对应的代码片段。插件的代码片段如下表格所示,你不需要记住什么snippets,就像往常一样在 vscode 里写代码就好了。比如你可以键入 vcom 然后按上下键选中 VueConfigOptionMergeStrategies 再按Enter键,就输入了Vue.config.optionMergeStrategies了。

18、Todo Tree

这个扩展可以快速搜索(使用ripgrep)您的工作区,查找TODO和FIXME等注释标记,并在活动栏的树视图中显示它们。可以将视图从活动栏中拖到资源管理器窗格中(或您希望它位于的任何其他位置)。

单击树中的TODO将打开文件,并将光标放在包含TODO的行上。

找到的TODO也可以在打开的文件中突出显示。

例如,在项目中有很多TODO标记,在vscode 可以找出高亮显示所有标记。

19、Simple React Snippets

React代码段和命令的基本集合。

20、JavaScript and TypeScript Nightly

微软提供的VS Code扩展,使TypeScript(typescript@next)的夜间构建成为VS Code的内置TypeScript版本,用于支持JavaScript和TypeScript IntelliSense。

21、Error Lens

ErrorLens增强了语言诊断功能,使诊断更加突出,突出了 在由语言生成诊断的整个行中,并且还内联地打印消息。

22、Highlight Matching Tag

此扩展突出显示匹配的开始和/或结束标记。它还可以选择在状态栏中显示标记的路径。 尽管VSCode有一些基本的标记匹配,但它只是基本的。此扩展将尝试匹配任何位置的标签:从标签属性,字符串,任何文件,同时还提供了广泛的样式选项,以自定义如何标记突出显示。

官方支持的标记:HTML和JSX其他风格(XML,Vue,Angular,PHP)应该可以工作。

选中标签,会进行高亮显示。

23、Image preview

在标签引入图片的时候,鼠标放上去可以进行图片的预览。

24、Path Autocomplete

在导入资源的时候,可自动关联出可选的资源。

25、CodeSnap

在VS Code中为您的代码拍摄漂亮的屏幕截图!

使用说明:

  1. 打开命令面板(Windows和Linux上为Ctrl+Shift+P,OS X上为Cmd+Shift+P),然后搜索CodeSnap。
  2. 选择您要截图的代码。
  3. 如果需要,调整屏幕截图的宽度。
  4. 选中,右键可以进行复制、剪切,粘贴。

26、Code Runner

运行多种语言的代码段或代码文件:C,C++,Java,JavaScript,PHP,Python,Perl,Perl,Perl 6,Ruby,Go,Lua,Groovy,PowerShell,BAT/CMD,BASH/SH,F# Script,F#(. NET Core),C# Script,C#(.NET Core),VBScript,TypeScript,CoffeeScript,Scala,Swift,Julia,Crystal,OCaml Script,R,AppleScript,Elixir,Visual Basic .NET,Clojure,Haxe,Objective-C,Rust,Racket,Scheme,AutoHotkey,AutoIt,科特林,Dart,Free Pascal,Haskell,Nim,D,Lisp,Kit,V,SCSS,Sass,CUDA,Less,Fortran,Ring,Standard ML,Zig,and custom command。

用法如下所示:

27、CSS Peek

扩展扩展了HTML和ejs代码编辑,支持源代码中字符串中的css/scss/less(类和ID)。

这在很大程度上受到了Brackets中一个名为CSS内联编辑器的类似功能的启发。

28、Duplicate action

在VS Code中复制文件和目录的能力。

用法:

第一种选择:

  1. 将鼠标悬停在资源管理器中的文件或目录名上。
  2. 右键单击并选择Duplicate file。
  3. 输入副本的新路径。

第二个选择:

  1. 打开文件。
  2. 按下F1并选择Duplicate file。
  3. 输入副本的新路径。

29、git-commit-plugin

自动生成git提交消息的插件。

此扩展遵循Angular Team Commit规范,如下所示:

相关文章
|
6月前
|
JavaScript C# 开发工具
22款Visual Studio Code实用插件推荐
Visual Studio Code是一个轻量级但功能强大的源代码编辑器,轻量级指的是下载下来的Visual Studio Code其实就是一个简单的编辑器,强大指的是支持多种语言的环境插件拓展,也正是因为这种支持插件式安装环境开发让Visual Studio Code成为了开发语言工具中的霸主,让其同时支持开发多种语言成为了可能。俗话说的好:“工欲善其事,必先利其器”,安装一些实用插件对自己日常的开发和工作效率能够大大的提升,避免996从选一款好的开发插件开始。以下是我整理的一些比较实用的Visual Studio Code插件希望对大家有用,大家有更好的插件推荐可在文末留言🤞。
252 0
|
17天前
|
前端开发 JavaScript C#
CodeMaid:一款基于.NET开发的Visual Studio代码简化和整理实用插件
CodeMaid:一款基于.NET开发的Visual Studio代码简化和整理实用插件
|
25天前
|
开发框架 .NET 开发工具
visualstudio如何加入工作插件---Web developer工具
visualstudio如何加入工作插件---Web developer工具
20 0
|
6月前
|
Go
VsCode(Visual Studio Code) 安装插件教程
VsCode(Visual Studio Code) 安装插件教程
158 0
|
前端开发 JavaScript PHP
Visual Studio Code的使用心得与常用免费插件使用技巧大全总结 老板夸奖我是开发小能手!
这就是我一直在使用的免费代码编辑神器, 它的优点太多了, 有: 智能感知、代码调试、内置 Git 命令、可扩展和可定制都相当牛,最关键的是免费开源!!
350 3
Visual Studio Code的使用心得与常用免费插件使用技巧大全总结 老板夸奖我是开发小能手!
|
6月前
|
开发工具 开发者 git
2023 Visual Studio Code 插件推荐:18 个提高开发效率的常用插件
Visual Studio Code (简称VSCode) 是一款强大的开源代码编辑器,它拥有众多功能强大的扩展插件,使得开发者可以根据自己的需求来定制编辑器的功能和外观。在本文中,我们将分享一些非常实用的 VSCode 插件,这些插件将提高您的开发效率,使编码变得更加愉快。
435 0
|
Web App开发 JavaScript 前端开发
Visual Studio Code 常见的配置、常用好用插件以及【vsCode 开发相应项目推荐安装的插件】
Visual Studio Code 常见的配置、常用好用插件以及【vsCode 开发相应项目推荐安装的插件】
315 0
|
计算机视觉 开发者 C++
实用分享-Visual Studio图像查看插件(Image Watch)
实用分享-Visual Studio图像查看插件(Image Watch)
397 0
|
6月前
Visual Studio 2022 中VLD库如何安装
Visual Studio 2022 中VLD库如何安装
728 1
|
6月前
Visual Studio 2022 中VLD库如何安装
Visual Studio 2022 中VLD库如何安装
697 0