VScode 10 种提效插件与小技巧

1,364 阅读1分钟

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

VScode 10 种提效插件与小技巧

1.设置文件不在侧边栏显示

打开 Setting, 搜索 files:exclude

image-20211007031105983.png

添加需要在侧边栏排除的文件~

2.像 Webstorm 一样查看历史记录

安装插件 Local History

image-20211007130446003.png

重启VSCode

修改文件后就会在这里生成新的记录。需要还原选择版本然后 Restore 就可以了。

image-20211007130627007.png

3.VSCode修改快捷键为 Webstorm 的快捷键

插件搜索 idea 安装 IntelliJ IDEA Keybindings

image-20211007131108872.png

安装成功后就可以使用 webstorm 的快捷键了

比如:

  • 复制行 command + d
  • 查找 command + f
  • 替换 command + r
  • 全局查找 Ctrl+Shift+F
  • 全局替换 Ctrl+Shift+R

4.设置 idea 快捷键后如何快速定位文件

默认快捷键 Ctrl + P

idea 快捷键下 连按两下 shitf 键

image-20211007131738752.png

5. 自动补全引用时全文件的名称

安装插件 AutoFileName

image-20211007132032063.png

6. 自动感应引入文件的路径

安装插件 Path Intellisense

image-20211007132342356.png

image-20211007132327518.png

7.VSCode 设置语言为中文

搜索插件 Chinese

image-20211007132453212.png

8.高亮注释

安装插件 Better Comments

image-20211007132718203.png

image-20211007132740502.png

扩展注释高亮配置

Settings.json 增加配置

"better-comments.tags": [
  {
    "tag": "!", // 触发高亮显示的前缀
    "color": "#FF2D00", // 高亮注释文字的颜色
    "strikethrough": false, // 是否有删除线
    "backgroundColor": "transparent"//背景颜色
  }
]

9.检查代代码是否拼写错误

安装插件 Code Spell Checker

image-20211007133122966.png

Enabled File Types

  • AsciiDoc
  • C, C++
  • C#
  • css, less, scss
  • Elixir
  • Go
  • Html
  • Java
  • JavaScript
  • JSON / JSONC
  • LaTex
  • Markdown
  • PHP
  • PowerShell
  • Pug / Jade
  • Python
  • reStructuredText
  • Rust
  • Scala
  • Text
  • TypeScript
  • YAML

10.自动重命名标签将确保您只需要重命名开始标签。

安装插件 Auto Rename Tag

2021-10-07 13.36.56.gif

image-20211007133813443.png