vscode使用汇总——常用插件、常用配置、常用快捷键

前端之家收集整理的这篇文章主要介绍了vscode使用汇总——常用插件、常用配置、常用快捷键前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一、代码提示快捷键设置:(keybindings.json)

  1. [
  2. {
  3. "key": "ctrl+j","command": "-workbench.action.togglePanel"
  4. },{
  5. "key": "ctrl+j","command": "editor.action.triggerSuggest","when": "editorHasCompletionItemProvider && editorTextFocus && !editorReadonly"
  6. }
  7. ]

 

二、插入代码段和字体设置:(setting.json)

  1. {
  2.   "editor.fontFamily": "宋体",  "editor.fontSize": 16
  3. }

 

三、常用插件安装

 

我安装的所有插件

  1. Auto Close Tag
  2. Auto Rename Tag
  3. AutoFileName
  4. Color Highlight
  5. Document This
  6. ESLint
  7. file-icons
  8. Flow Language Support
  9. Git Blame
  10. Hopscotch
  11. JavaScript(ES6)code snippets
  12. Light+ Tweaked
  13. Path Intellisense
  14. Prettier - Code formatter
  15. TODO Highlight
  16. vscode-icons

 

扩展:todo highlight插件使用,开启控制台展示todo list列表,Windows系统按快捷键F1,打开设置面板点击如图开启窗口todo list 展示,如图:

 

四、(个人)综合配置文件

  1. {
  2. "editor.fontFamily": "宋体"truedio Light"
  3. }

 

五、常用快捷键

Ctrl + /        注释|解注代码

Ctrl + D        全选当前字符串

Ctrl+K,Ctrl+0     折叠所有代码

Ctrl+K,Ctrl+J     展开折叠所有代码

Ctrl + Q       切换视图

Ctrl + W      关闭当前窗口

Ctrl + 2      代码分屏

Ctrl + Shift + O   列出所有的类和变量

Shift + F12     查询所有引用

Ctrl + K,Ctrl + O  全部折叠

Ctrl + K,Ctrl + J  恢复折叠

Ctrl + Shfit + K  删除当前行

Ctrl + B  隐藏左边工具栏

Ctrl + Shfit + \  括号跳转切换

 

  

 

猜你在找的开发工具相关文章