vscode如何关闭语法错误提示

1. 为什么要关闭语法错误提示？

在使用VSCode编写代码时，我们常常会看到一些语法错误提示，这些提示可能是我们手误打错了代码，也可能是我们故意写了一些不符合规范的代码。然而，在某些情况下，我们并不需要这些错误提示，因为它们会干扰我们的工作，在这种情况下，关闭语法错误提示就成了一个不错的选择。

2. 如何关闭语法错误提示？

2.1 在文件中设置

在VSCode中，我们可以通过在文件中设置，关闭语法错误提示。具体方法如下：

// 在文件头部添加下面这句话，将“检查JSX语法错误”设置为“false”

// @ts-nocheck

上述方法需要在每个文件中添加配置，且只对当前文件有效。

2.2 在设置中添加全局配置

如果你想禁用所有语法错误提示，你可以通过修改VSCode的全局设置来实现。具体方法如下：

打开VSCode的设置（快捷键：Ctrl + ,）

搜索“js/ts”，然后打开编辑器选项

将“文件的默认语言配置”中的“检查JSX语法错误”设置为“false”

 "files.defaultLanguage": {

  "javascript": "javascript",
  "typescript": "typescriptreact",
  "javascriptreact": "javascriptreact",
  "typescriptreact": "typescriptreact"
},
"[javascript]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.tabSize": 2,
  "editor.insertSpaces": true,
  "editor.wordWrap": "on",
  "editor.formatOnSave": true,
  "editor.formatOnPaste": true,
  "editor.formatOnType": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "editor.quickSuggestions": {
    "strings": true
  },
  "files.associations": {
    "*.js": "javascript",
    "*.jsx": "javascriptreact"
  },
  "eslint.options": {
    "configFile": "./.eslintrc"
  },
  "eslint.validate": [
    "javascript",
    "javascriptreact"
  ],
  "javascript.validate.enable": false,    // 关闭js语法检查
  "typescript.validate.enable": false,   // 关闭ts语法检查
  "javascript.format.enable": false,     // 关闭js自动美化
  "typescript.format.enable": false,    // 关闭ts自动美化
  "typescript.validation.enable": false, //关闭ts语法检查
  "editor.formatOnSave": true, 
  "editor.formatOnType": true,
  "editor.formatOnPaste": true,
  "editor.wordWrap": "on",
  "editor.detectIndentation": true,
  "editor.wordWrapColumn": 120,
  "[typescriptreact]": {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },   
  "[javascriptreact]": {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.insertSpaces": true,  
  }
},

上述方法会对所有文件生效，且关闭全部语法检查。

2.3 使用扩展插件

在VSCode中，也有很多扩展插件可以用来关闭语法错误提示。其中，最流行的插件包括：ESLint、Prettier、JSLint、TSLint等。

如果你使用的是ESLint插件，你可以通过在项目根目录中创建一个.eslintrc文件，然后将如下代码添加到文件中：

{

  "rules": {
    "no-mixed-spaces-and-tabs": 0,  \\ 禁用tab和空格混用的检查
    "no-unused-vars": 0,           \\ 禁用未使用变量的检查
    "no-undef": 0,                 \\ 禁用未声明变量的检查
    "no-extra-semi": 0,            \\ 禁用多余的分号检查 
    "no-trailing-spaces": 0,       \\ 禁用行末空格的检查 
    "no-unreachable": 0            \\ 禁用不可达代码的检查
  }
}

上述代码将禁用ESLint插件中的一些代码检查规则。

3. 总结

关闭语法错误提示是一个很好的选择，因为它可以减少代码编写时的干扰。在VSCode中，我们可以通过文件配置，全局设置或扩展插件来实现这一目的。无论哪种方法，都可以让我们更专注于代码的编写，而不是在错误提示上浪费时间。