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"
}

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

最新评论