vscode eslint配置和插件

在vscode中配置eslint

ESLint最初是由Nicholas C. Zakas 于2013年6月创建的开源项目。它的目标是提供一个插件化的javascript代码检测工具。

• 在商店中搜索eslint安装。

    "eslint.validate": [
        "javascript",
        "javascriptreact",
        "html",
        {
            "language": "vue",
            "autoFix": true
        },
    ],
    "eslint.autoFixOnSave": true,
    "eslint.options": {
        "extensions": [
            ".js",
            ".vue",
            ".jsx"
        ],
        "plugins": [
            "html"
        ]
    },
    "editor.tabSize": 2

国外资料eslint

1. 配置
2. 命令行
3. 规则
4. formatters
5. 集成

• vscode 常用插件

1. Auto Close Tag
2. Auto Rename Tag
3. Beautify css/sass/scss/less
4. Bracket Pair Colorizer
5. Brackets Light Pro
6. Debugger for Chrome
7. Document This
8. ESLint
9. File Peek
10. filesize
11. GitLens
12. HTML CSS Support
13. HTML Snippets
14. htmlhint
15. JetBrains IDE Keymap
16. jQuery Code Snippets
17. JS JSX Snippets
18. language-stylus
19. Npm Intellisense
20. Path Intellisense
21. Project Manager
22. React Native Snippet
23. stylus
24. Turbo Console Log
25. Vetur
26. vscode-fileheader
27. vscode-icons
28. Vue VSCode Snippets
29. VueHelper