Visual studio code (vscode)

VSCode 高效配置指南

最新推荐文章于 2022-04-07 10:06:22 发布

weixin_34311757

最新推荐文章于 2022-04-07 10:06:22 发布

阅读量104

点赞数

CC 4.0 BY-SA版权

文章标签：开发工具 git javascript ViewUI

原文链接：http://www.cnblogs.com/keatkeat/p/5869426.html

本文介绍如何通过安装插件、配置设置及热键来提高 Visual Studio Code 的使用效率，涵盖 HTML 整理美化、文件排除显示、鼠标滚轮缩放等功能，并提供了一些常用的快捷键说明。

更新 : 2017-03-01

https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify

这个插件可以让 html 整理起来比较好看.

调东西 :

左上角 File -> Preferences -> Workspace Settings ( User Settings 也可以, 它是 for 所有的 project, Workspace 是针对目前这个 project )

1. hide .js, .map when use .ts

and node_mudules, debug.log

     "files.exclude": {
        "**/.git": true,
        "**/.svn": true,
        "**/.hg": true,
        "**/.DS_Store": true,
        // add on
        "**/node_modules/": true,
        "**/npm-debug.log*/": true,
        "**/*.js.map": true,
        "**/*.js": {"when": "$(basename).ts"}
    }

2.Zoom with mouse Wheel

 "editor.mouseWheelZoom": true

2.1 scroll bar 旁边的小图

"editor.minimap.enabled": true

3.修改热键

https://code.visualstudio.com/Docs/customization/keybindings

File > Preferences > Keyboard Shortcuts. (Code > Preferences > Keyboard Shortcuts on Mac)

// Place your key bindings in this file to overwrite the defaults
[
    { 
        "key": "ctrl+l",
        "command": "editor.action.deleteLines",
        "when": "editorTextFocus && !editorReadonly"
    },
    { 
        "key": "ctrl+k ctrl+f",
        "command": "editor.action.format",
        "when": "editorHasFormattingProvider && editorTextFocus && !editorReadonly" 
    },  
    { 
        "key": "ctrl+w",   //本来是 ctrl+d, 而本来的 ctrl+w 是close window (看左边参考)
        "command": "editor.action.addSelectionToNextFindMatch",
        "when": "editorFocus"
    }     
]


// Fold (Ctrl+Shift+[) folds the innermost uncollapsed region at the cursor
// Unfold (Ctrl+Shift+]) unfolds the collapsed region at the cursor
// Fold All (Ctrl+K Ctrl+0) folds all region in the editor
// Unfold All (Ctrl+K Ctrl+J) unfolds all regions in the editor