一、eslint介绍——代码语法检查工具

Eslint是一个代码检查工具，用来检查你的代码语法是否符合指定的规范,ECMAScript标准

二、prettier插件——代码格式化工具

prettier是一款优秀的代码格式化工具，它并不关心你的语法是否正确，只关心你的代码格式，比如是否使用单引号，语句结尾是否使用分号等等，它可以把格式错乱的代码转化为符合标准的漂亮代码，prettier支持格式化的语言有：JavaScript，TypeScript，Flow，JSX，JSON，CSS，SCSS，Less，HTML，Vue，Angular，GraphQL，Markdown，YAML。 prettier也开发了一款vscode的插件，可以在vscode中搜索安装 (更加建议在项目中安装prettier,因为这样可以在多人开发中保持代码风格一致)

三、Vetur 插件——Vue代码高亮显示的一款插件

四、Eslint 依赖

4.1、babel-eslint——用于ESLint的Babel解析器的包装器

babel-eslint现在是@babel/eslint-parser babel是一个转码器，比如可以将ES6的代码转换为ES5的代码，从而在适配环境下运行

我什么时候应该使用babel-eslint？

ESLint的默认解析器和核心规则只支持最新的最终ECMAScript标准，不支持Babel提供的实验性（如新特性）和non-standard（如流或TypeScript类型）语法。babel-eslint是一个解析器，它允许ESLint在Babel转换的源代码上运行。 使用:要使用babel-eslint， 注意：官方文档中描述的4.2、eslint-plugin-vue——Vue.js的官方ESLint插件 eslint-plugin-vue可以用来检查