符合代码检验
然后注意让格式化的代码符号ESlint代码检验。
格式化代码最重要的是两点，一点是用格式化插件格式化对应的文件；另一点是让格式化后的代码能通过代码检验工具。
举个例子。
Prettier插件不支持在函数名后面加上括号。这点和ESlint冲突了。所以js的格式化不能使用prettier插件格式化，而是使用vscode自带的js格式化功能来格式化。否则ESlint就是报错，简直烦死强迫症。
插件更新
最后要注意插件的是插件不断更新的，所以网上直接copy的格式化代码会各种不兼容。
如vscode 的 ESLint 插件在某个版本已经移除了 "eslint.validate" 这个配置选项，而网上很多教程都是使用的这个。
在新版的 ESLint 中已经支持了对 *.vue 文件的校验，所以无需再进行这项配置了，只需要添加一个保存时自动修复 ESLint 错误的功能就行了。
代码格式化插件的官方文档：
语言介绍
pug：官方文档 。pug是一款专门为node.js平台开发的HTML模块引擎。
less：官方文档。less是一门CSS预处理语言。
scss：官方文档。scss（sass）是世界上最成熟、稳定强大的专业级CSS预处理语言。
postcss：官方文档。postcss是使用js插件来转换CSS的工具。
stylus：官方文档。stylus是node.js平台上的CSS预处理框架。
插件介绍
vetur：官方文档。代码高亮、emmet语法支持、语法错误校验检查、代码提醒、格式化vue。 vetur集成了prettier，让.vue文件中不同的块使用不同的格式化方案，template标签调用 html 格式化工具，script标签调用 JavaScript 格式化工具，style标签使用style格式化工具。
ESlint：官方文档。代码检验。
prettyhtml：官方文档。为vue或纯HTML模板等提供通用格式化的工具。
pretties：官方文档。代码格式化工具，能够解析代码，使用用户设定的规则格式化规范的代码。
stylus-supremacy：官方文档。用于格式化stylus文件的node.js模块。
我的settings.json文件
总结
到此这篇关于2020最新版vscode格式化代码的详细教程的文章就介绍到这了,更多相关vscode格式化代码内容请搜索七叶笔记以前的文章或继续浏览下面的相关文章希望大家以后多多支持七叶笔记！
