IDE Config

Atom

插件 作用
atom-beautify 代码格式化
autocomplete-paths 路径自动补全
emmet 快速生成 html 代码
file-type-icons 文件图标
linter 代码检查
linter-eslint eslint检查

VSCode

插件 作用
Beautify 代码格式化
ESLint eslint检查

settings.json

  1. {
  2.         "eslint.autoFixOnSave": true,
  3.         "prettier.eslintIntegration": true,
  4.         "prettier.semi": false,
  5.         "prettier.singleQuote": true,
  6.         "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  7.         "vetur.format.defaultFormatter.html": "js-beautify-html",
  8.         "vetur.format.defaultFormatter.js": "vscode-typescript",
  9.         "vetur.format.defaultFormatterOptions": {
  10.           "js-beautify-html": {
  11.             "wrap_attributes": "force-aligned"
  12.           }
  13.         },
  14.         "eslint.validate": [
  15.           "javascript",
  16.           "html"
  17.         ],
  18.         "eslint.options": {
  19.           "plugins": ["html"]
  20.         },
  21.         "window.zoomLevel": 1,
  22.         "editor.formatOnSave": true,
  23.         "html.format.enable": false,
  24.         "html.format.indentHandlebars": true,
  25.         "html.format.preserveNewLines": true,
  26.         "workbench.sideBar.location": "left"
  27.       }