This website requires JavaScript.

Visual Studio Code 使用插件及设置

VS Code的使用记录

插件

Regex Previewer

markdownlint 如果要屏蔽某个规则,可以在项目根目录下创建.markdownlint.json文件。然后填写需要禁用、启用或自定义的规则。

{
    "MD002": false,
    "MD013": false,
    "MD041": false
}

{
    "default": true,
    "MD003": { "style": "atx_closed" },
    "MD007": { "indent": 4 },
    "no-hard-tabs": false,
    "whitespace": false
}

Alignment

文本排列插件,可以根据你设定的分隔符进行排列.选中需要排列的问问,按Option+=即可

Alignment usage

配置

1.控制编辑器是否应呈现控制字符

"editor.renderControlCharacters": true

2.显示空格 同上,加入"editor.renderWhitespace": "all"

3.设置Tab为两个空格

同上,加入"editor.tabSize": 2

4.集成终端显示行数

同上加入"terminal.integrated.scrollback": 10000

5.自动换行

同上"editor.wordWrap": "on"

6.关闭预览滚动条

"editor.minimap.enabled": false

快捷键&代码生成

1.隐藏侧边栏 Ctrl+B

2.显示命令窗口 Ctrl+P

3.括号间跳转 Windows: Ctrl+Shift+\ MAC: CMD + Shift + \

4.HTML表格快速生成: 输入div>ul>li*5 然后按Tab键会自动生成如下表格代码,更多的代码片段可以访问**docs.emmet.io**

<div>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

编辑

将代码向上向下移动

Option+方向键

快速选择操作

1.选中多行并同时操作

选中一堆文本后,按住Option + Shift + i,既可在每一行的末尾都创建一个光标。

2.多处地方同时操作

Option + 鼠标点击想同时操作的行

3.垂直选择

shift + option + 'Click' shift + alt/option + command + 'arrow key'

4.依次选择相同字符串 按Ctrl+D,若需要跳过其中一个可以按Ctrl+K,Ctrl+D

最后,如果你记不住这么多可以在命令行里面打select查看相关命令

移动光标

option+左右方向键::在单词之间移动光标.

跳转

Ctrl + Tab 在已经打开的文件之间进行跳转 Cmd + P 在当前的项目工程里,全局搜索文件 Ctrl + G 跳转到指定行

搜索

Cmd + G 在当前文件中搜索,光标仍在编辑器里 Cmd + Shift + F 全局搜索

我的自定义配置

{
    "editor.renderWhitespace": "all",
    "terminal.integrated.scrollback": 10000,
    "editor.renderControlCharacters": true,
    "editor.tabSize": 2,
    "editor.wordWrap": "on",
    "[shellscript]": {},
    "editor.minimap.enabled": false,
    "window.zoomLevel": 0,
    "materialTheme.fixIconsRunning": false,
    "workbench.iconTheme": "material-icon-theme",
    "workbench.colorTheme": "Visual Studio Dark",
    "workbench.colorCustomizations": {
        "[Visual Studio Dark]": {
            "editor.background": "#202020"
        }
    },
    "editor.tokenColorCustomizations": {
        "[Visual Studio Dark]": {
            "strings": "#bec486",
            "keywords": "#3498db"
        }
    }
}
0条评论
avatar