vue項目報錯Extra semicolon (semi)

如圖：

原因

項目中使用了eslint 的 semi 功能，

該功能，強(qiáng)制使代碼必須使用分號（ ; ），或者必須不能加（ ; ）

該規(guī)則有兩個選項，一個是字符串，一個是對象。

字符串選項：

• "always"  (默認(rèn)) 要求在語句末尾使用分號
• "never"  禁止在語句末尾使用分號 (除了消除以  [ 、 ( 、 / 、 +  或  -  開始的語句的歧義)

對象選項（當(dāng)為  "always"  時）：

• "omitLastInOneLineBlock": true  忽略花括號在同一行（內(nèi)容也就在同一行了）的語句塊中的最后一個分號

對象選項（當(dāng)為  "never"  時）：

• "beforeStatementContinuationChars": "any"  (默認(rèn)) 如果下一句以  [ 、 ( 、 / 、 +  或  -  開頭，忽略句末分號 (或缺少分號)。
• "beforeStatementContinuationChars": "always"  如果下一句以  [ 、 ( 、 / 、 +  或  -  開頭，要求句末有分號。
• "beforeStatementContinuationChars": "never"  如果下一句以  [ 、 ( 、 / 、 +  或  -  開頭，禁止末尾有分號。

如果項目不想使用該規(guī)則，再eslint配置文件中，刪除對應(yīng)的配置即可。

Extra semicolon (semi)，Strings must use singlequote，vscode格式化樣式設(shè)置

VSCode格式化著實讓人頭疼，快捷鍵shift+Alt+F格式化代碼，將手寫的單引號全部變成雙引號，鬧心！！

本文在于解決：格式化的時候全部是單引號，不要分號，也不多顯示逗號。

首先安裝prettier，命令行：npm install --global prettier，

然后，在項目中添加一個文件.prettierrc.json，這個文件在項目里最外層，也就是說和README.md是同級的

最后，文件內(nèi)加上三行代碼，因為.json文件中不能寫注釋，所有我單開了一些鍵值對寫注釋。

代碼：

{
??"desc":?".json文件里面不允許有注釋，得單獨(dú)開key-value，/*?使用之前要安裝npm?install?--global?prettier?*/",
??"singleQuoteDesc":?"http://使用單引號",
??"singleQuote":?true,
??"semiDesc":?"http://在語句結(jié)尾處不打印分號",
??"semi":?false,
??"trailingCommaDesc":?"http://禁止隨時添加逗號",
??"trailingComma":?"none"
}

總結(jié)

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論