VS Code 常用插件
白嘴鸽 Lv1

界面美化

Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

image

Atom One Dark Theme

image

Material Icon Theme

image

工具

GitLens — Git supercharged

image

在源代码管理中查看 COOMITSBRANCHTAGS 等 GIT 仓库信息,行内显示提交缩略信息

CodeSnap

image

代码截图美化工具,选中代码后,右键选择 CodeSnap 即可打开 CodeSnap窗口,Ctrl + c 保存截图

Project Manager

image

会在侧边栏添加 Project Manger 栏,可在其中添加当前仓库,方便进行多仓库管理(当前窗口打开或新窗口打开)

前端开发

Vue - Official

image

提供 Vue 项目的代码高亮

ESLint

image

Prettier - Code formatter

image

Error Lens

image

行内显示报错信息

Auto Rename Tag

image

虽然 VS Code 内部做了支持但默认不开启,需要在设置中搜索 Linked Editing 手动开启,此外 jsx 中不支持,为了方便推荐安装。

image

Turbo Console Log

image

  • 添加日志 Ctrl + Alt + L
  • 注释所有插件添加的日志 Shift + Alt + C
  • 取消注释所有插件添加的日志 Shift + Alt + U
  • 删除所有插件添加的日志 Shift + Alt + D

JavaScript (ES6) code snippets

image

Vue VSCode Snippets

image

由 Hexo 驱动 & 主题 Keep
本站由 提供部署服务
访客数 访问量