gulpではじめるWeb制作ワークフロー入門

SECTION 38 EditorConfigを利用しよう

📖 196ページ

.editorconfig

root = true

[*]
charset = utf-8
end_of_line = lf
indent_size = 2
indent_style = space
insert_final_newline = true
trim_trailing_whitespace = true

[*.md]
trim_trailing_whitespace = false

SECTION 39 lintを利用しよう

📖 202ページ

package.json

{
  "description": "...",
  (省略)
  "stylelint": {
    "extends": "stylelint-config-standard"
  }
}

📖 202ページ

common.scss

a {
  margin: 0px;
}

📖 206ページ

main.js

const name = 'John'

if (name == 'John') {
  console.log('hello world')
}

📖 208ページ

package.json

{
  "description": "...",
  (中略)
  "husky": {
    "hooks": {
      "pre-commit": "npx eslint ./src/js"
    }
  }
}

SECTION 40 Prettierを利用しよう

📖 211ページ

main.js

foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne());

📖 217ページ

eslintrc.js

module.exports = {
  extends: ["standard", "prettier"],
  plugins: ["prettier"],
  rules: {
    "prettier/prettier": "error",
  }
}

📖 217ページ

eslintrc.js

module.exports = {
  extends: ["standard", "prettier"],
  plugins: ["prettier"],
  rules: {
    "prettier/prettier": [
      "error",
      {
        semi: false,
        singleQuote: true
      }
    ]
  }
}