AICODER大前端培训

AICODER-IT培训专家,前端培训基地,前端培训,全栈培训,大学生IT培训基地,线上IT课程免费自学,线下培训项目实战,实习,html5培训实习-AICODE程序员

在线咨询

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

AICODER官方 发布于: 2019年7月14日 17时56分54秒 阅读1355次

一、代码提示快捷键设置:(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图标 

 

我安装的所有插件:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
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 展示,如图:

 

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

复制代码

{    
    "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     查询所有引用

Ctrl + K,Ctrl + O  全部折叠

Ctrl + K,Ctrl + J  恢复折叠

Ctrl + Shfit + K  删除当前行

Ctrl + B  隐藏左边工具栏

Ctrl + Shfit + \  括号跳转切换


AICODER编辑推荐:



报名就业班送基础班

最近分享