vue项目报错Extra semicolon (semi)问题及解决
作者：大刘鸭
这篇文章主要介绍了vue项目报错Extra semicolon (semi)问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue项目报错Extra semicolon (semi)
如图：
原因
项目中使用了eslint 的 semi 功能，
该功能，强制使代码必须使用分号（ ; ），或者必须不能加（ ; ）
该规则有两个选项，一个是字符串，一个是对象。
字符串选项：
"always"(默认) 要求在语句末尾使用分号"never"禁止在语句末尾使用分号 (除了消除以[、(、/、+或-开始的语句的歧义)
对象选项（当为 "always" 时）：
"omitLastInOneLineBlock": true忽略花括号在同一行（内容也就在同一行了）的语句块中的最后一个分号
对象选项（当为 "never" 时）：
"beforeStatementContinuationChars": "any" (默认) 如果下一句以[、(、/、+或-开头，忽略句末分号 (或缺少分号)。"beforeStatementContinuationChars": "always" 如果下一句以[、(、/、+或-开头，要求句末有分号。"beforeStatementContinuationChars": "never" 如果下一句以[、(、/、+或-开头，禁止末尾有分号。
如果项目不想使用该规则，再eslint配置文件中，删除对应的配置即可。
Extra semicolon (semi)，Strings must use singlequote，vscode格式化样式设置
VSCode格式化着实让人头疼，快捷键shift+Alt+F格式化代码，将手写的单引号全部变成双引号，闹心！！
本文在于解决：格式化的时候全部是单引号，不要分号，也不多显示逗号。
首先安装prettier，命令行：npm install --global prettier，
然后，在项目中添加一个文件.prettierrc.json，这个文件在项目里最外层，也就是说和README.md是同级的
最后，文件内加上三行代码，因为.json文件中不能写注释，所有我单开了一些键值对写注释。
代码：
{
"desc": ".json文件里面不允许有注释，得单独开key-value，/* 使用之前要安装npm install --global prettier */",
"singleQuoteDesc": "//使用单引号",
"singleQuote": true,
"semiDesc": "//在语句结尾处不打印分号",
"semi": false,
"trailingCommaDesc": "//禁止随时添加逗号",
"trailingComma": "none"
}总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。