vue项目配置Vetur,Eslint和prettier

1.原因

1. 不同人员编写代码风格不一致，例如：“使用单引号还是双引号？”“使用space还是tab来缩进？缩进2个空格还是4个？”，“语句结尾是否使用分号？”等等，所以需要一套规则来格式化每个人编写的代码。
2. 不仅代码风格很重要，代码最佳实践也很重要，一些linter工具已经可以自动检测编写的代码是否符合最佳实践，如果不符合最佳实践，linter工具会提供修改建议。

2.目的

1. ctrl+s后自动格式化代码
2. 编辑器自动标红不符合最佳实践的代码

3.操作（以vscode为例）

1. 安装Vetur插件：该插件主要使用prettier规则，格式化文档。
2. 安装ESLint插件：linting代码，对不符合规范的代码标红。
3. 安装Formatting Toggle插件：随时开启/关闭自动格式化的开关。
4. 页面配置或者settings.json配置"files.autoSave": "onFocusChange"：配置vscode编辑器失去焦点，自动保存代码。

4.其他方式参考

（1）.ESLint配合Pretter实现上述功能。具体参考该文档提到的两种方式。