安裝prettier相關(guān)插件
prettier-code formatter, prettier eslint
配置vscode的格式化工具為prettier
image.png
在項(xiàng)目根目錄下創(chuàng)建.prettierrc.json配置文件
{
"semi": false, //末尾無(wú)分號(hào)
"printWidth": 200, //一行的字符數(shù)，如果超過(guò)會(huì)進(jìn)行換行桨菜，默認(rèn)為80
"tabWidth": 2, // 縮進(jìn)長(zhǎng)度
"singleQuote": true, // 默認(rèn)單引號(hào) 洲赵，false 默認(rèn)使用雙引號(hào)
"htmlWhitespaceSensitivity": "ignore", // 問(wèn)題1中的設(shè)置
"endOfLine": "auto", // 避免報(bào)錯(cuò)delete (cr)的錯(cuò)
"jsxBracketSameLine": false, // 在jsx中把'>' 單獨(dú)放一行
}
其他問(wèn)題
如果配置完成后, 感覺(jué)配置未生效, 重啟下vscode即可
