VSCode配置StandardJS插件,支持ES6实验语法

  • 1、全局安装standjs
npm install standard -g
  • 2、全局安装自定义解析器 babel-eslint
npm install babel-eslint -g
  • 3、在VSCode中搜索“StandardJS”,找到插件安装,安装完成重启


    image.png
  • 4、StandardJS插件配置自定义解析器
    打开VSCode设置页面 preferences/Settings


    VSCode配置StandardJS插件,支持ES6实验语法_第1张图片
    image.png

搜索StandardJS,找到插件下的StandardJS,找到standard:options,点击下面链接 Edit in settings.json


VSCode配置StandardJS插件,支持ES6实验语法_第2张图片
image.png

在setting.json文件中,添加如下配置:

"standard.options.parser": "babel-eslint"
VSCode配置StandardJS插件,支持ES6实验语法_第3张图片
image.png

即可支持实验性语法,对实验性语法不报错

  • 5、但是在一些情况下,任然会遇到编辑器报错的情况,比如使用decorators时


    VSCode配置StandardJS插件,支持ES6实验语法_第4张图片
    image.png
VSCode配置StandardJS插件,支持ES6实验语法_第5张图片
image.png

解决方案是:在settings.json中添加如下配置

 "javascript.implicitProjectConfig.experimentalDecorators": true
VSCode配置StandardJS插件,支持ES6实验语法_第6张图片
image.png

你可能感兴趣的:(VSCode配置StandardJS插件,支持ES6实验语法)