1. 程式人生 > >如何配置程式碼自動校驗功能

如何配置程式碼自動校驗功能

這裡你需要下載安裝 VScode編輯器:

  1. 下載安裝VScode編輯器 在這裡插入圖片描述
  2. 安裝eslint 和 preitter外掛 在這裡插入圖片描述 在這裡插入圖片描述

安裝完可以看到底部配置項內容: 在這裡插入圖片描述

  1. 修改eslint配置項

在這裡插入圖片描述

修改內容為: 在這裡插入圖片描述

右邊的內容為:

{
    "window.zoomLevel": 0,
    // Controls the font size in pixels.
    "editor.fontSize": 14,
    // The number of spaces a tab is equal to. This setting is overridden based on the file contents when `editor.detectIndentation` is on.
    "editor.tabSize": 2,

    // Always show the ESlint status bar item.
    "eslint.alwaysShowStatus": true,
    // An array of language ids which should be validated by ESLint
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
            "language": "vue",
            "autoFix": true
        },
        "html",
        "vue"
    ],
    // Turns auto fix on save on or off.
    "eslint.autoFixOnSave": true
}

因為這個專案我使用了vue, r如果是react或者其他語言配置相似,適當修改內容。