工欲善其事，必先利其器。有一个完善的代码编辑工具，可以大大提高编码效率。从团队的角度来看，也有利于促进团队写作。我个人是个强迫症，看不出有什么不干净的地方，比如代码。在多人项目中也会发现，每个人的编码风格和格式化工具都不一样，代码拉下来后需要重新格式化，看不出来有什么问题，会出现一些奇怪的问题。鉴于此，我研究了一段时间如何统一代码风格，如何让代码自动格式化符合标准，以及如何自动修复一些代码错误。答案是eslint+prettier可以完美做到。网上有很多关于这个的教程。我的配置如下：{"files.autoSave":"afterDelay","files.autoSaveDelay":100,"editor.tabSize":2,"editor.wordWrap":"on","editor.wordWrapColumn":120,"editor.defaultFormatter":"esbenp.prettier-vscode","editor.codeActionsOnSave":{"source.fixAll.eslint":true},"editor.formatOnSave":false,"prettier.semi":true,"prettier.singleQuote":true,"prettier.disableLanguages":["vue"],"editor.formatOnPaste":true,"editor.autoIndent":"keep","search.followSymlinks":false,"vetur.format.defaultFormatter.html":"prettyhtml","vetur.format.defaultFormatter.js":"prettier","eslint.validate":["javascript","javascriptreact","html","vue",],"eslint.format.enable":true,}自动格式化工具设置为prettier，配合eslint自动格式化，基本可以满足一般的代码风格配置。但是，我们一般使用vetur进行vue格式化。由于某些原因，这会导致格式化时单引号变成双引号，非常难受。为了解决这个问题，需要增加如下配置："prettier.disableLanguages":["vue"],eslintsetting"rules":{"semi":["error","always"],"no-tabs":"off","no-console":"off"},另外，因为最新版本的vetur增加了对ts的支持，模板中的属性变量会被标记为红色。这里需要将“vetur.experimental.templateInterpolationService”设置为false才能解决问题
