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中为您的代码拍摄漂亮的屏幕截图!
使用说明:
- 打开命令面板(Windows和Linux上为Ctrl+Shift+P,OS X上为Cmd+Shift+P),然后搜索CodeSnap。
- 选择您要截图的代码。
- 如果需要,调整屏幕截图的宽度。
- 选中,右键可以进行复制、剪切,粘贴。
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中复制文件和目录的能力。
用法:
第一种选择:
- 将鼠标悬停在资源管理器中的文件或目录名上。
- 右键单击并选择Duplicate file。
- 输入副本的新路径。
第二个选择:
- 打开文件。
- 按下F1并选择Duplicate file。
- 输入副本的新路径。
29、git-commit-plugin
自动生成git提交消息的插件。
此扩展遵循Angular Team Commit规范,如下所示: