Brackets

Bracketsのおすすめプラグインとその設定

おすすめ設定

brackets本体のおすすめ設定を示す。
設定は設定ファイルをプロジェクトのルートディレクトリに格納することで自動的に読み込まれる。

.brackets.json
{
    "fonts.fontSize": "12px",
    "fonts.fontFamily": "'SourceCodePro-Medium', MS ゴシック, 'MS Gothic', monospace",
    "brackets-git.gitPath": "git",
    "brackets-git.stripWhitespaceFromCommits": true,
    "brackets-git.addEndlineToTheEndOfFile": true,
    "brackets-git.removeByteOrderMark": false,
    "brackets-git.normalizeLineEndings": false,
    "brackets-git.useGitGutter": true,
    "brackets-git.markModifiedInTree": true,
    "brackets-git.showBashButton": true,
    "brackets-git.useCodeInspection": true,
    "brackets-git.useGitFtp": false,
    "brackets-git.useVerboseDiff": false,
    "brackets-git.useDifftool": false,
    "brackets-git.showTerminalIcon": false,
    "brackets-git.clearWhitespaceOnSave": false,
    "brackets-git.avatarType": "AVATAR_COLOR",
    "brackets-git.dateMode": 1,
    "brackets-git.dateFormat": null,
    "brackets-git.enableAdvancedFeatures": false,
    "brackets-git.panelShortcut": "Ctrl-Alt-G",
    "brackets-git.commitCurrentShortcut": null,
    "brackets-git.commitAllShortcut": null,
    "brackets-git.bashShortcut": null,
    "brackets-git.pushShortcut": null,
    "brackets-git.pullShortcut": null,
    "brackets-git.gotoPrevChangeShortcut": null,
    "brackets-git.gotoNextChangeShortcut": null,
    "brackets-git.refreshShortcut": null,
    "brackets-git.gitTimeout": 30,
    "brackets-git.terminalCommand": null,
    "brackets-git.terminalCommandArgs": null,
    "brackets-git.debugMode": false,
    "language": {
        "javascript": {
            "linting.prefer": [
                "JSHint",
                "ESLint"
            ],
            "linting.usePreferredOnly": true
        }
    },
    "codehint.JSHints": true,
    "styleActiveLine": true,
    "themes.theme": "dark-theme",
    "spaceUnits": 2,
    "tabSize": 2,
    "softTabs": false,
    "useTabChar": false,
    "wordWrap": false,
    "me.drewh.jsbeautify.on_save": false,
    "showLineNumbers": true,
    "mikaeljorhult.bracketsTodo.enabled": false,
    "bb.beautify.onSave": true,
    "hirse.outline.enabled": true,
    "hirse.outline.sidebar": true
}

おすすめプラグイン

おすすめのプラグインを以下に示す。

エディタ

静的解析

リポジトリ

その他

テーマ

プラグインのおすすめ設定

いくつかのプラグインのおすすめ設定を示す。
各設定は設定ファイルをプロジェクトのルートディレクトリに格納することで自動的に読み込まれる。

ESLint @ 3.2.0のおすすめ設定

.eslintrc.json
{
  "rules": {
    "curly": [
      2,
      "all"
    ],
    "operator-linebreak": [
      2,
      "after"
    ],
    "camelcase": [
      2,
      {
        "properties": "never"
      }
    ],
    "max-len": [
      2,
      100
    ],
    "indent": [
      2,
      2,
      {
        "SwitchCase": 1
      }
    ],
    "quotes": [
      2,
      "single"
    ],
    "no-multi-str": 2,
    "no-mixed-spaces-and-tabs": 2,
    "no-trailing-spaces": 2,
    "space-unary-ops": [
      2,
      {
        "nonwords": false,
        "overrides": {}
      }
    ],
    "keyword-spacing": [
      2,
      {}
    ],
    "space-infix-ops": 2,
    "space-before-blocks": [
      2,
      "always"
    ],
    "eol-last": 2,
    "array-bracket-spacing": [
      2,
      "never",
      {
        "singleValue": true
      }
    ],
    "space-in-parens": [
      2,
      "never"
    ],
    "no-multiple-empty-lines": 2,
    "wrap-iife": 2,
  }
}

Beautify @ 2.5.1のおすすめ設定

.jsbeautifyrc
{
  "js": {
    "eol": "\n",
    "preserve_newlines": true,
    "max_preserve_newlines": 2,
    "space_after_anon_function": true,
    "brace_style": "collapse",
    "keep_array_indentation": true,
    "keep_function_indentation": true,
    "space_before_conditional": true,
    "break_chained_methods": false,
    "eval_code": false,
    "unescape_strings": false,
    "wrap_line_length": 100,
    "wrap_attributes": "auto",
    "end_with_newline": true,
    "comma_first": false,
    "jslint_happy": true
  },
  "css": {
    "eol": "\n",
    "end_with_newline": true,
    "preserve_newlines": true,
    "selector_separator_newline": true,
    "newline_between_rules": true,
    "space_around_selector_separator": true
  },
  "html": {
    "eol": "\n",
    "end_with_newline": true,
    "preserve_newlines": true,
    "max_preserve_newlines": 10,
    "indent_inner_html": false,
    "brace_style": "collapse",
    "indent_scripts": "normal",
    "wrap_line_length": 0,
    "wrap_attributes": "auto"
  }
}

JSHint @ 2.2.20のおすすめ設定

.jshintrc
{
  "bitwise": true,
  "camelcase": true,
  "curly": true,
  "eqeqeq": true,
  "esversion": 6,
  "forin": true,
  "freeze": true,
  "immed": true,
  "indent": 2,
  "latedef": "nofunc",
  "newcap": true,
  "noarg": true,
  "noempty": true,
  "nonbsp": true,
  "nonew": true,
  "plusplus": false,
  "quotmark": "single",
  "undef": true,
  "unused": false,
  "strict": false,
  "maxparams": 10,
  "maxdepth": 5,
  "maxstatements": 40,
  "maxcomplexity": 8,
  "maxlen": 120,
  "asi": false,
  "boss": false,
  "debug": false,
  "eqnull": true,
  "esnext": false,
  "evil": false,
  "expr": false,
  "funcscope": false,
  "globalstrict": false,
  "iterator": false,
  "lastsemic": false,
  "laxbreak": false,
  "laxcomma": false,
  "loopfunc": true,
  "maxerr": 50,
  "moz": false,
  "multistr": false,
  "notypeof": false,
  "proto": false,
  "scripturl": false,
  "shadow": false,
  "sub": true,
  "supernew": false,
  "validthis": false,
  "noyield": false,

  "browser": true,
  "node": true,

  "globals": {
    "satellite": false,
    "moment": false,
    "Cesium": false,
    "angular": false,
    "$": false
  }
}

Todo @ 0.9.7のおすすめ設定

.todo
{
    "regex": {
        "prefix": "(?:\\/\\*|\\/\\/|#) *@?(",
        "suffix": "):? *(.*?) ?(?=\\*/|\\n|$)"
    },
    "tags": [
        "TODO",
        "NOTE",
        "FIX ?ME",
        "CHANGES",
        "FUTURE"
    ],
    "case": false,
    "search": {
        "scope": "project",
        "excludeFolders": [],
        "excludeFiles": []
    }
}