ESLint是提示书写错误的,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了