Add jsdoc comments 给方法添加 JSDoc
自动给方法添加 JSDoc, 可别说我不会写注释, 我对我写的每一行代码负责!!!
any-rule 快速生成正则表达式
快速生成正则表达式,打开命令面板后在搜索框中搜索想要的正则表达式
方式1:
- 按F1(mac下fn+F1)打开正则列表.
- 输入关键词搜索, 比如"手机".
方式2:
右键选择"🦕正则大全".
方式3:
在代码任意位置输入"@zz".
Auto Close Tag 自动关闭标签
自动添加 HTML/XML 关闭标记,与 Visual Studio IDE 或 Sublime Text 相同。
Auto Markdown TOC 用于 Visual Studio 代码的 Markdown TOC(目录)插件。
在Markdown文件编辑界面生成Markdown目录。
Auto Rename Tag 标签重命名
自动重命名成对的 HTML/XML 标记,与 Visual Studio IDE 相同。
我们总有时候会写错,那么这就可以降低你犯错后修复成本。
Better Less Less 的交叉兼容语法高亮显示
Less 的交叉兼容语法高亮显示
Bookmarks 添加行书签-快速定位代码
添加行书签-快速定位代码
给代码打标签,通过快捷键快速定位对应代码
Bracket Pair Colorizer 括号对齐利器
代码写太多,大括号太多,都不知道谁是谁的谁呢,这款插件给你明示。
code settings sync 环境同步
Settings Sync 可以同步你当前的 VSCode 配置环境,当你需要在其它的电脑工作时,新机器登录一下就搞定了,再也不用折腾环境了。将你所有的编辑器配置同步到 gist,省得在新设备上重新安装。
Code Spell Checker 拼写检查
妈妈再也不担心我写错单词了。其能检查拼写错误,并给于提示,非常好的伙伴!
Codelf 变量命名神器
Color Highlight 高亮显示样式颜色
Color Picker 颜色选择器
那种颜色好看呢,别着急,调出色板,慢慢选择吧。
CSS Peek css 定位器
我的 class 在哪定义的,自己都找不到了,怎么办,有请这位!!
DotENV env 文件高亮
这年头,谁的配置还没不用个 env 文件,没高亮,真难看,这款就是你的救星。
EditorConfig for VS Code
在公司工作,一定会遇到多个人参与一个项目的情况,即使的团队中使用多中 IDE 和编辑器,也可以用针对 VS Code 的 EditorConfig 来实现一致性。EditorConfig 包含一个用于定义代码格式的文件和一批编辑器插件,这些插件是让编辑器读取配置文件并以此来格式化代码。
ESLint - 代码检查
ESLint 是一个插件化的 javascript 代码检测工具,有了它就可以进行常见的 JavaScript 代码错误检查,和代码风格检查。
地球人都知道,不多说了
formate: CSS/LESS/SCSS formatter css 样式美化
VSCode 内置 css 格式化功能,这款支持 less, scss,高效美观,如你!
Git Graph
Git 图形化显示和操作
Git History 和 GitLens Git 历史记录
谁动了我的代码? 直接在 VSCode 里面,查看 Git 的历史,搜索,版本对比。清爽!!
VSCode 也内置了时间线的功能,但是能力还是弱一些。
Git History Diff
如果你的VSCode打开了一个Git管理的代码,则在VSCode编辑窗口中,可以看到所有的提交记录、改动文件,包括每一行代码的提交时间、提交人,非常方便
GitLens — Git supercharged
功能更加强大,无缝导航和浏览 Git 存储库
HTML Snippets html 代码段
此插件能快速的输出 html 代码, 效率就是懒出来的,你们说对吧。
Image preview 图片预览
CSS 编写,再也担心写错图片地址啦!
其支持在 html 和 css 文件里面,当有使用图片路径的时候,在左边实现小的预览器,一眼就知对与错。
Import Cost 依赖包大小提示
我们一来那么多包,你引入的成本是多少呢?成本早知道,就交给她吧!
indent-rainbow 带颜色的缩进
JavaScript (ES6) code snippets 代码片段
该扩展工具有多个代码片段,可供您来生成ES6代码片段。
例如,键入clg然后按回车可以得到一个console.log。可能您需要一段时间来熟悉所有的代码片段,但是只要掌握了它,您就能非常快的打出ES6代码
javascript console utils 帮你一键插入 console.log
帮你一键插入 console.log() 并自动填充内容。
Cmd键在 windows 上可以按 ctrl 键。
ctrl+shift+L 还是挺好用的,快速输出log日志。
jsdoc - 生成 jsdoc 模板
选中一个函数的参数,ctrl+shift+p后输入gen jsdoc并选择gen jsdoc命令,生成生成jsdoc样式的函数注释
Local History 文件保存
将文件保存到本地历史记录中
每次修改文件时,都会在本地历史记录中保留一份旧内容的副本。
Markdown Preview Enhanced markdown 编辑和预览
typora?其实不需要的,这款 markdown 插件,让你一边编辑 markdonwn 一边预览,编程体验不差于掘金那款。
Markdown Preview Github Styling
- 预览你的 Markdown 在 Github 上呈现的样子
- 扩展 VS Code 的内置降价预览
- 使用您自己的markdown.stylescss自定义样式
Material Icon Theme 文件图标
这个扩展为你的文件列表提供了漂亮可爱的图标。如果这个文件是一个 JavaScript,那么它将在文件名旁边包含一个 JavaScript 图标。如果你更多的是一个看重审美的开发者,那么这个扩展就是为你准备的。它被成千上万的用户广泛使用。
Mithril Emmet 编写HTML代码
npm npm 扩展
这个扩展支持运行 package.json 文件中定义的 npm 脚本,并根据 package.json 中定义的依赖项验证已安装的模块。 是不是很酷!
npm Intellisense npm 模块导入智能提示
那么多 npm 模块,记性不好,脑子不快,没关系,这款插件替你分忧。
Path Intellisense 引用路径智能提示
Prettier - Code formatter 格式化代码
Project Manager 项目管理利器
它可以帮助你轻松地访问你的项目,不管它们位于哪里。不要再错过那些重要的项目了。
Regex Previewer 边写正则边看结果
一边写正则,一边就能看到结果,这调试真的太方便了!!!
Sort Typescript Imports import 自动排序
导入太多的库了,眼花撩顺,这款插件让他们有序排列, 强迫症患者的福星。我记得 eslint 好像也有类似的规则。
stylelint 检验CSS/SASS/LESS代码规范的插件
stylelint-plus
stylelint 的扩展插件,在vscode中使用可以代码下面显示红色破浪线。
SVG Viewer SVG 文件预览
预览 svg 文件,还能到处成为图片,利器!
TODO Highlight 高亮 TODO
在代码中突出显示 TODO、 FIXME 和其他注释。
有时候,在将代码发布到生产环境之前,您会忘记检查在编码时添加的 todo。
Todo Tree TODO 展示
把你的 TODO 事项以树形结构列出来,再也不担心忘记点啥呢
vscode-faker 生成虚假数据
谁还没造点假数据,就这么简单!