前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vscode使用汇总——常用插件、常用配置、常用快捷键

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

作者头像
磊哥
发布2018-05-08 11:59:09
1.6K0
发布2018-05-08 11:59:09
举报
文章被收录于专栏:王磊的博客王磊的博客

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

代码语言:javascript
复制
[
    {
        "key": "ctrl+j",
        "command": "-workbench.action.togglePanel"
    },
    {
        "key": "ctrl+j",
        "command": "editor.action.triggerSuggest",
        "when": "editorHasCompletionItemProvider && editorTextFocus && !editorReadonly"
    }
]

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

代码语言:javascript
复制
{
  "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图标 

我安装的所有插件:

代码语言:javascript
复制
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 展示,如图:

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

代码语言:javascript
复制
{
    "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     查询所有引用

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2016-12-23 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档