VSCode

VSCodeの設定

VSCodeで設定している内容

基本設定

{
    "editor.renderWhitespace": "all",
    "workbench.colorTheme": "One Dark Pro",
    "workbench.iconTheme": "vscode-icons",
    "editor.renderIndentGuides": true,
    "editor.minimap.enabled": true,
    "editor.mouseWheelScrollSensitivity": 5,
    "files.trimTrailingWhitespace": true,
    "php.suggest.basic": false,
    "php.validate.executablePath": "/usr/bin/php",
    "files.autoGuessEncoding": true,
    "editor.fontSize": 11.5,
    "gitlens.advanced.messages": {
        "suppressCommitHasNoPreviousCommitWarning": false,
        "suppressCommitNotFoundWarning": false,
        "suppressFileNotUnderSourceControlWarning": true,
        "suppressGitVersionWarning": false,
        "suppressLineUncommittedWarning": false,
        "suppressNoRepositoryWarning": false,
        "suppressResultsExplorerNotice": false,
        "suppressUpdateNotice": false,
        "suppressWelcomeNotice": true
    },
    "todohighlight.keywords": [
        {
            "text": "TODO",
            "color": "yellow",
            "backgroundColor": "#919191",
        }
    ],
    "sync.gist": "",
    "sync.lastUpload": "2017-09-02T01:28:19.701Z",
    "sync.autoDownload": false,
    "sync.autoUpload": false,
    "sync.lastDownload": "",
    "sync.forceDownload": false,
    "sync.anonymousGist": false,
    "sync.host": "",
    "sync.pathPrefix": "",
    "sync.quietSync": false,
    "sync.askGistName": false
}

拡張機能

  auto-close-tag v0.5.6
  auto-rename-tag v0.0.15
  autofilename v0.1.3
  beautify v1.3.0
  Bookmarks v0.19.1
  bracket-pair-colorizer v1.0.48
  code-runner v0.9.3
  code-settings-sync v2.9.2
  code-spell-checker v1.6.10
  color-info v0.5.0
  githistory v0.4.1
  gitlens v8.2.4
  Go v0.6.80
  html-css-class-completion v1.17.1
  html-snippets v0.2.1
  JavaScriptSnippets v1.6.0
  jshint v0.10.18
  jshintrc-generator v1.0.0
  Material-theme v2.13.5
  mssql v1.3.1
  partial-diff v1.1.0
  php-debug v1.12.3
  php-intellisense v2.3.1
  project-manager v0.25.2
  python v2018.4.0
  RelativePath v1.4.0
  shunt v1.0.1
  vetur v0.12.1
  vscode-cdnjs v0.14.3
  vscode-color v0.4.5
  vscode-docker v0.0.26
  vscode-eslint v1.4.9
  vscode-html-css v0.2.0
  vscode-icons v7.23.0
  vscode-jumpy v0.3.1
  vscode-language-pack-ja v1.23.0
  vscode-todo-highlight v0.5.12
  whitespace-plus v0.0.5
  xml v1.9.2
  zenkaku v0.0.3

whitespace+

{
    "mode": "all",
    "autoStart": true,
    "refreshRate": 100,
    "elements":
    [{
        "name": "space",
        "enabled": true,
        "pattern": " ",
        "style": {
            "borderWidth": "1px",
            "borderRadius": "2px",
            "borderStyle": "solid",
            "light": {
                "backgroundColor": "rgba(58, 70, 101, 0.3)",
                "borderColor": "rgba(58, 70, 101, 0.4)"
            },
            "dark": {
                "backgroundColor": "rgba(117, 141, 203, 0.3)",
                "borderColor": "rgba(117, 141, 203, 0.4)"
            }
        }
    },{
        "name": "tab",
        "enabled": true,
        "pattern": "\\t",
        "style": {
            "borderWidth": "1px",
            "borderRadius": "2px",
            "borderStyle": "solid",
            "light": {
                "backgroundColor": "rgba(170, 53, 53, 0.3)",
                "borderColor": "rgba(170, 53, 53, 0.4)"
            },
            "dark": {
                "backgroundColor": "rgba(223, 97, 97, 0.3)",
                "borderColor": "rgba(223, 97, 97, 0.4)"
            }
        }
    },{
        "name": "newline",
        "enabled": false,
        "pattern": "\\n",
        "style": {
            "borderWidth": "1px",
            "borderRadius": "2px",
            "borderStyle": "solid",
            "light": {
                "borderColor": "rgba(38, 150, 38, 0.3)"
            },
            "dark": {
                "borderColor": "rgba(85, 215, 85, 0.4)"
            }
        }
    },{
        "name": "trailing",
        "enabled": "unlessCursorAtEndOfPattern",
        "pattern": "\\s+$",
        "style": {
            "borderWidth": "1px",
            "borderRadius": "2px",
            "borderStyle": "solid",
            "light": {
                "backgroundColor": "rgba(58, 70, 101, 0.3)",
                "borderColor": "rgba(58, 70, 101, 0.4)"
            },
            "dark": {
                "backgroundColor": "rgba(117, 141, 203, 0.3)",
                "borderColor": "rgba(117, 141, 203, 0.4)"
            }
        }
    }]
}