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

  1. 云栖社区>
  2. 博客>
  3. 正文

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

王磊的博客 2016-12-23 20:32:00 浏览631
展开阅读全文

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

 

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

{
    "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 + \  括号跳转切换

 

  

 

img_fa0be433d68c8212b2b0b3b1a564ccb1.png
如果本文对你有所帮助,请打赏——1元就足够感动我:)
支付宝打赏微信打赏
联系邮箱:intdb@qq.com
我的GitHub: https://github.com/vipstone
关注公众号: img_9bde0f31ac4a0eca10b1bd7414b78faf.png


作者: 王磊
出处: http://vipstone.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,请标明出处。

网友评论

登录后评论
0/500
评论
王磊的博客
+ 关注