VSCode 設定例

方針

• 改行： LF。最後の行には必ず改行（しかし最後の空行に行番号は表示しない）
• フォント： 等幅（あれば Cica。なければ Win: MS Githic, Mac: Menlo）
• タブ： 空白 4 つ。自動判定なし
• 色：ひかえめ
• ハイライト： Highlight プラグインで code block, TODO など
• Markdown： 改行には行末空白 2 つが必要 (GFMに合わせた)

設定例

設定例

settings.json

{
    // "update.mode": "none",

    // General
    "workbench.colorTheme": "Light Modern",
    "workbench.startupEditor": "newUntitledFile", // or "none",
    "workbench.activityBar.location": "top",
    "workbench.editor.focusRecentEditorAfterClose": false,
    "workbench.tree.indent": 12,
    "window.restoreWindows": "none",
    "window.openFilesInNewWindow": "on",
    "editor.minimap.enabled": false,
    "editor.renderWhitespace": "boundary",
    "editor.renderControlCharacters": true,
    "editor.wordBasedSuggestions": "off",

    "explorer.autoReveal": false,
    "explorer.compactFolders": false,

    // Misc
    "breadcrumbs.enabled": true,
    "extensions.ignoreRecommendations": true,
    "terminal.integrated.suggest.enabled": false,
    "terminal.integrated.enableMultiLinePasteWarning": "never",
    "chat.commandCenter.enabled": false,
    "debug.onTaskErrors": "debugAnyway",
    "git.openRepositoryInParentFolders": "never",
    "git.autofetch": true,

    // Files
    "files.associations": {
        "*.json": "jsonc",
        "*.inc": "php",
        "*.j2": "html",
        "*.bats": "shellscript",
    },
    "search.exclude": {
        "**/node_modules": true,
    },

    // Encoding, Language
    "files.encoding": "utf8",
    "files.autoGuessEncoding": true,
    "editor.wordSegmenterLocales": [
        "ja"
    ],

    // Newline
    "files.eol": "\n",
    "editor.renderFinalNewline": "off",
    "files.insertFinalNewline": true,

    // Font
    "editor.fontSize": 15,
    "debug.console.fontSize": 15,
    "markdown.preview.fontSize": 15,
    "terminal.integrated.fontSize": 15,
    "editor.fontFamily": "Cica, Menlo, MS Gothic",
    "terminal.integrated.fontFamily": "Cica, Menlo, MS Gothic",

    // Indent
    "editor.detectIndentation": false,
    "editor.tabSize": 4,
    "editor.insertSpaces": true,
    "markdown.extension.list.indentationSize": "inherit",

    // Character warning highglight
    "editor.unicodeHighlight.nonBasicASCII": false,       // ex: non-ASCII chars
    "editor.unicodeHighlight.ambiguousCharacters": false, // ex: full-width alnum
    "editor.unicodeHighlight.invisibleCharacters": false, // ex: full-width space, invisible control characters


    // Color > https://code.visualstudio.com/api/references/theme-color
    "workbench.colorCustomizations": {
        "[Light Modern]": {
            "editorWhitespace.foreground"         : "#dddddd",
            "editor.lineHighlightBackground"      : "#f0f8ff",
            "editorIndentGuide.background1"       : "#eeeeee",
            "editorIndentGuide.activeBackground1" : "#dddddd",
        },
    },
    "editor.renderLineHighlight": "all",

    // Extension: Markdown Preview Enhanced
    "markdown-preview-enhanced.breakOnSingleNewLine": false,  // for GFM

    // Extension: Highlight
    "highlight.regexes": {
        "(^([ \\t]*)(`{3,}|~{3,})[^\\r\\n]*\\n[\\s\\S]*?^\\2\\3[ \\t]*$)": {
            "regexFlags": "gm",
            "filterLanguageRegex": "markdown",
            "decorations": [
                {
                    "borderStyle": "solid",
                    "borderWidth": "0 0 0 5000px",
                    "borderColor": "#6666660f"
                }
            ]
        },
        "([０-９Ａ-Ｚ])"            : [{ "color": "red" }],
        "(　)"                      : [{ "backgroundColor": "whitesmoke", "color": "whitesmoke" }],
        "(\\- \\[x\\].*)"           : [{ "color": "darkgray" }],
        "(TODO[:：] ?.*?)[。）\\)]" : [{ "backgroundColor": "#FFFF0099" }],
        "（(TODO)）"                : [{ "backgroundColor": "#FFFF0099" }],
        "\\((TODO)\\)"              : [{ "backgroundColor": "#FFFF0099" }],
    },
}

表示確認用

表示確認用

全角文字検知

• 全角英数が赤文字 : 「ああ０１２３４567ＡＢＣDEF」
• 全角空白にうっすら背景をつける : 「あ　い う　え お」

本来はこっちで検知すべきかもしれない

json

"editor.unicodeHighlight.nonBasicASCII": true,
"editor.unicodeHighlight.ambiguousCharacters": true,
"editor.unicodeHighlight.invisibleCharacters": true,

TODO に色をつける

• TODO: なにかをやる。 いついつまでに
• なにかをやる（TODO: だれだれ。いつまでに）
• なにかをやる（TODO：だれとか）
• なにかをやる （TODO）
• なにかをやる

Markdown チェック済をグレーに

• 未完了
• 完了

Markdown コードブロックに背景色

3 つ

test

タイトルつき

test

4つ
```
3つ (入れ子)
```

• 箇条書き

  インデントされたコードブロック

背景