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