如何设置VSCode使Vue项目集成Vetur、ESLint和Prettier实现自动格式化？

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

该配置用于vue开发，最终效果是保存时自动根据eslint对js、和css代码进行格式化。使用VSCode的Vetur插件，Vetur插件用于识别vue文件，本质上自带的vetur提供格式化功能，但与eslint会有冲突，所以不建议使用。

该配置用于vue开发，最终效果是保存时自动根据eslint对js、html和css代码进行格式化。

vscode Vetur插件

Vetur插件用于识别vue文件，原本vetur自带格式化功能，但是和eslint会有冲突，所以没用上。

vscode ESlint插件

Eslint插件用于根据工程目录的.eslintrc.js配置文件在编辑器中显示一些错误提示，后面的自定格式化根据这里的错误提示进行格式化操作。