VSCode插件总结-一文快速上手VSCode插件

311 阅读2分钟

参考资料

zhuanlan.zhihu.com/p/40417719

juejin.cn/post/702298…

插件一览

open in browser (打开浏览器,快捷键“Alt+B”)
vscode-icons (编辑器的文件图标 => 好看)
Auto Rename Tag (自动匹配HMTL标签)
Bracket Pair Colorizer (彩色的括号)
Highlight Matching Tag (高亮对应HTML标签 & 表示对应括号,高效)
stylelint (css/sass/less语法检查)
Path Intellisense (智能路径提示)

// Vue必备
Vetur (Vue必备,提示的嘛,方便)
Live Server (代码保存后,浏览器自动更新)
// React必备
Prettier (格式化插件,比Beautify好)

// Egg框架必备
Egg.js dev tools (NodeJs中 EggJs框架,方便)

// other
carbon-now-sh (截获代码为PNG,Ctrl+Shift+P => Carbon)
background (界面右下角有个小人)

Code Runner 代码运行器

最喜欢的插件,没有之三,平时写一些测试代码,和一些逻辑库,快捷键 Ctrl+Alt+M,

运行代码片段或多种语言的代码文件,支持C、Java、JavaScript、PHP、Python等

只需要点击鼠标右键,选择 Run Code 就能得到结果。

Git HistoryGitLens Git历史记录

GitLens功能更加强大,无缝导航和浏览 Git 存储库。

Debugger for Chrome

下载量:1111万 用Chrome来Debug你的JavaScript代码

Bracket Pair Colorizer

下载量:228万

如果你的代码有很多的回调,那么这种高亮可以帮助你更好地区分不同的代码块。

Auto Import

下载量:46万

自动去查找、分析、然后提供代码补全。对于TypeScript和TSX,可以适用。

Indent-Rainbow

下载量:13万

一个简单的插件可以使得对齐更加具有可读性。

Live Server-HTML静态页面调试

在本地服务器搭建自动重新加载静态特性HTML页面。

html页面中鼠标右键选择 open with Live Server

TabnineAI 代码完成插件

人工智能代码完成工具,AI 代码片段、代码建议、代码预测、代码提示,PRO每个月12刀

TODO Highlight 高亮TODO

Chinese (Simplified) Language Pack for Visual Studio Code

把VSCode的英文转换成中文

ESlint统一编码规则