说几句吧。第一次接触Vue项目是在2018年5月和6月，当时直接在小伙伴的小伙伴搭建了前端项目框架，开始直接做项目模块功能。他们在那个项目中没有使用任何格式检查，他们仍然像在.js文件中编写代码一样在.vue文件中编写代码。代码和格式也是vscode的自动保存格式。然后，烦人的事情就来了。2018年底，我们自己的项目也开始使用vue。然后在写了一段时间vue-cli脚手架创建的项目环境后，发现这个ESlint的语法检测真的很牛逼。疯狂的！！！检查太严了！为此，学习ESlint的规则，查看JavaScriptStandardStyle代码规范规则，这里有详细的eslint代码规范示例。但是，这些规则太细太细了，记不住，不习惯，比如：代码末尾不能加分号；代码中不能有多个空行，tab键不能用，必须用两个空格代替有声明但未使用的变量。上面的规则很蛋疼，因为习惯了最后的分号。记得大学时候学C语言的时候，老师敲黑板说，不要忘记最后的分号，这句话至今还在耳边。eslint不需要尾随分号。当时花了一个星期六研究了下vscode中eslint的设置，果然有自动格式化设置，太棒了。当时工作比较忙，但是在工作任务jira和wiki中都注册了这个配置，忘记记录到sf中了。我今年三月份换了工作。上周我来到一家新公司和一台新电脑。一切都必须重新配置，所以我记得要解决这个问题。也顺便记录一下自己的成长。上面说了很多废话，说说我的设置吧。VisualStudioCodesetting.json首先在VisualStudioCode中安装ESLint插件、Vetur插件、vue-format插件等。然后，使用vscode编辑器直接打开setting.json文件。我的配置如下：{"editor.fontFamily":"Consolas,'CourierNew',monospace,'等闲'","git.ignoreMissingGitWarning":true,"explorer.confirmDelete":false,"workbench.tree.horizo??ntalScrolling":true,"window.zoomLevel":0,"vetur.validation.template":false,"eslint.autoFixOnSave":true,//eslint保存文件时自动格式化代码"eslint.options":{"extensions":[".js",".vue"]},"eslint.validate":["javascript",{"language":"vue","autoFix":true},"html","vue"],"emmet.syntaxProfiles":{"javascript":"jsx","vue":"html","vue-html":"html"},"editor.fontSize":16,"editor.snippetSuggestions":"top","dart.openDevTools":"flutter","[xml]":{"editor.defaultFormatter":"fabianlauer.vs-code-xml-format"},"editor.codeActionsOnSave":{"source.fixAll.eslint":true},//"editor.formatOnSave":true,//保存文件时自动格式化代码}从此以后，再也不用担心ESlint的语法问题，想怎么写就怎么写，按ctrls保存会自动转成ESlint格式，你不需要对.eslintrc.js文件做任何改动，所有的格式都交给编辑器，你只需要专注于编写代码逻辑，工欲善其事必先利其器，Vue使用iView，Eslint老是报错，另外值得一提的是，在vue使用iView的项目中（2019年10月，iview更名为ViewUI，即原来的iView）,Eslint总是报错\[vue/no-parsing-error\]Parsingerror:x-invalid-end-tag.,.eslintrc.js中添加的规则:{'vue/no-parsing-error':[2,{"x-invalid-end-tag":false}]}vscode的settings里面的配置是这样的："vetur.validation.template":false代码格式很重要直接关掉我认为在团队开发中，有一个好的与团队代码风格一致的格式化工具是极其重要的。建议整个团队使用同一个编辑器，同一个代码验证，同一个格式化方法。所以我向我的主管提到了这个设置，并在工作任务jira和wiki中注册了这个VisualStudioCodesetting.json配置。大家省了很多麻烦，自己写代码的时候也舒服多了。参考ESlintJavaScriptStandardStyle代码规范规则Vscode保存代码，自动按照eslint规范格式化代码。vscode一格式化就报错？各种样式问题，各种报错，很烦人。我会教你如何使用Vue的eslint样式配置摆脱令人抓狂的ESlint语法检测配置指令让VisualStudioCode根据ESLint规则格式化你的代码vscode保存文件时自动将代码格式化为eslint格式这些是我整理的笔记今年年初，因为疫情，我在家办公。VSCodeVscodevue+iview使用的基本设置和配置详解，Eslint老是报错‘[vue/no-parsing-error]Parsingerror:x-invalid-end-tag.’
