欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-07-05 23:02:13
...

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

[
    {
        "key": "ctrl+j",
        "command": "-workbench.action.togglePanel"
    },
    {
        "key": "ctrl+j",
        "command": "editor.action.triggerSuggest",
        "when": "editorHasCompletionItemProvider && editorTextFocus && !editorReadonly"
    }
]

 

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

{
  "editor.fontFamily": "宋体",
  "editor.fontSize": 16,
  "editor.snippetSuggestions": "top"
}

 

三、常用插件安装

  • Auto Rename Tag    标签自动重命名
  • Auto Close Tag     自动生成闭合标签
  • color highlight     颜色预览
  • Document This      注释自动生成
  • Git Blame         Git操作插件
  • Prettier formatter    代码格式化插件
  • todo highlight     todo高亮插件
  • vscode icons        文件目录ico图标 

 

我安装的所有插件:

Auto Close Tag
Auto Rename Tag
AutoFileName
Color Highlight
Document This
ESLint
file-icons
Flow Language Support
Git Blame
Hopscotch
JavaScript(ES6)code snippets
Light+ Tweaked
Path Intellisense
Prettier - Code formatter
TODO Highlight
vscode-icons

 

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

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

 

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

{
    "editor.fontFamily": "宋体",
    "editor.fontSize": 16,
    "editor.formatOnSave": true,
    "files.autoSave": "off",
    "prettier.printWidth": 120,
    "workbench.iconTheme": "vscode-icons",
    "git.enableSmartCommit": true,
    "workbench.colorTheme": "Visual Studio Light",
    "git.autofetch": true,
    "window.zoomLevel": 0,
    "todohighlight.isEnable": true
}

 

五、常用快捷键

Ctrl + /        注释|解注代码

Ctrl + D        全选当前字符串

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

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

Ctrl + Q       切换视图

Ctrl + W        关闭当前窗口

Ctrl + 2        代码分屏

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

Shift + F12     查询所有引用