vscode使用ES6装饰器器语法

1. react项目

配置 package.json
需要安装 npm i @babel/plugin-proposal-decorators
可能需要重启项目

{
    "babel": {
    "plugins": [
      [
        "@babel/plugin-proposal-decorators",
        {
          "legacy": true
        }
      ]
    ],
    "presets": [
      "react-app"
    ]
  }
}

2. 配置vscode setting.json文件消除警告

  // 去除装饰器警告
  "problems.decorations.enabled": false,

3.添加.eslintrc文件 消除eslint 警告

image.png

实际测试,只要添加 "parser": "babel-eslint",就可以消除,其余不加不影响

{
  "extends": "standard",
  "parser": "babel-eslint",
  "plugins": [
    "html"
  ]
}