vscode 如何支持ES6的语法

Question

ES6的箭头函数和解构都无法支持，在他内置的eslint插件上面始终是报错的

请问有谁折腾成功了么

Answer 1

你装的是jshint不是eslint
eslint显示如下：

首先编辑eslint配置文件 .eslintrc

{
    "extends": "airbnb",
    "plugins": [
        "react"
    ]
}

然后安装以下模块：

  "devDependencies": {
    "eslint": "^3.19.0",
    "eslint-config-airbnb": "^14.1.0",
    "eslint-plugin-import": "^2.2.0",
    "eslint-plugin-jsx-a11y": "^4.0.0",
    "eslint-plugin-react": "^6.10.3"
  },

然后应该就可以了。

Answer 2

1. 全局安装：npm install -g eslint
2. 安装babel-eslint: npm install --save-dev babel-eslint
3. 安装eslint-plugin-react(如果你用react的话): npm install --save-dev eslint-plugin-react
4. 创建'.eslintrc'文件

{
  "env": {
    "browser": true,
    "node": true,
    "es6": true,
    "jest": true,
    "jquery": true
  },
  "parser": "babel-eslint",
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "arrowFunctions": true,
      "binaryLiterals": true,
      "blockBindings": true,
      "classes": true,
      "defaultParams": true,
      "destructuring": true,
      "forOf": true,
      "generators": true,
      "modules": true,
      "objectLiteralComputedProperties": true,
      "objectLiteralDuplicateProperties": true,
      "objectLiteralShorthandMethods": true,
      "objectLiteralShorthandProperties": true,
      "octalLiterals": true,
      "regexUFlag": true,
      "regexYFlag": true,
      "spread": true,
      "superInFunctions": true,
      "templateStrings": true,
      "unicodeCodePointEscapes": true,
      "globalReturn": true,
      "jsx": true,
      "experimentalObjectRestSpread": true
    }
  },
  "plugins": [
    "react"
  ],
  "rules": {
    "strict": 0
  }
}

5.关闭vscode的语法验证:"javascript.validate.enable" : false

翻译自：https://stackoverflow.com/que...

Answer 3

安装babel-eslint包，并在eslint的配置中加上"parser": "babel-eslint"

Answer 4

创建jsconfig.json 配置下

{
    "compilerOptions":{
        "target":"ES6",
        "module":"commonjs"
    }
}