如何详细配置VS Code使Vue工程实现代码格式化功能？

本文共计500个文字，预计阅读时间需要2分钟。

编辑器除了基本的编辑功能外，另一个非常重要的功能是代码格式化。VS Code 默认提供常见文件格式的格式化支持，如.js、.等。增加对.vue文件格式化支持，这里我们添加对+.vue文件的格式化支持。1. 安装 Vetur 插件

编辑器另外一个很重要的功能就是代码格式化了，VS Code默认提供常见文件的格式化，如.js,.html等。

添加对.vue文件的格式化支持

这里我们添加对 .vue 文件的格式化支持。
1. 安装 Vetur 插件
2. 在 VS Code 的设置中添加如下规则：

{ "vetur.format.defaultFormatter": { "html": "prettier", "css": "prettier", "postcss": "prettier", "scss": "prettier", "less": "prettier", "js": "prettier", "ts": "prettier", "stylus": "stylus-supremacy" } }

这里是设置 Vetur 默认使用的格式化插件 prettier。 这样对于.vue文件中的 html 和 javascript 代码都有格式化支持了。