附录11-插件ESLint与prettier

ESLint是提示书写错误的，prettier是帮你解决书写错误的（格式化文档）

目录

1  ESLint

1.1  安装

1.2  配置

1.3  效果

2  prettier

---

1  ESLint

1.1  安装

1.2  配置

在插件介绍中，搜索 editor.codeActionsOnSave，然后把花红框的地方复制下来

"editor.codeActionsOnSave": {
    "source.fixAll": true
}

复制到这里

1.3  效果

当ESLint生效的时候，他就会给你一些额外的提示

将鼠标悬停在波浪线上会有详细的提示信息

2  prettier

Prettier是格式化文档用的，下载这个

在settings.json写入如下配置

上面都是格式化的要求，他们的意思是

• prettier.trailingComma:none 不在对象或数组最后一个元素的后面加逗号
• prettier.semi:false 不加分号
• prettier.printWidth:300 超过300px换行
• prettier.singleQuote:true 使用单引号代替双引号
• prettier.arrowParens:"avoid" 当箭头函数只有一个参数的时候，省略参数两侧的小括号

除此之外还有很多格式化的要求，感兴趣可以百度搜一搜

将prettier设置为默认格式化的方法

这样你之后再格式化文档用的就是prettier了