適用范圍
使用prettier的項(xiàng)目、安裝了prettier擴(kuò)展的vscode和微信開(kāi)發(fā)者工具。
原理
prettier是根據(jù)默認(rèn)的解析器對(duì)相應(yīng)的文件進(jìn)行處理，我們可以自定義什么格式的文件用什么解析器。具體看 documentSelectors。
配置
只列出有關(guān)的配置
編輯器的配置
{
"editor.defaultFormatter": "esbenp.prettier-vscode",
"[wxml]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[wxss]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"prettier.documentSelectors": ["**/*.wxml", "**/*.wxss"]
}
- 設(shè)置wxml和wxss文件的默認(rèn)格式化工具為prettier
- 配置prettier擴(kuò)展選項(xiàng)
documentSelectors，把wxml和wxss文件加入prettier的掃描范圍里
.prettierrc的配置
{
"overrides": [
{
"files": "*.wxml",
"options": {
"parser": "html"
}
},
{
"files": "*.wxss",
"options": {
"parser": "css"
}
}
]
}
為wxml和wxss指定要使用的解析器，保存后重啟編輯器即可。文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-485440.html
不足之處
不能格式化wxml的 {{}} 表達(dá)式內(nèi)容。
若有格式化{{}}的需求，可以嘗試使用插件：
https://github.com/wxmlfile/prettier-plugin-wxml
https://github.com/18640905576/plugin-wxml
可能會(huì)補(bǔ)充和eslint的集成文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-485440.html
到了這里，關(guān)于無(wú)插件，簡(jiǎn)單配置prettier，將微信小程序的wxml和wxss當(dāng)作html和css進(jìn)行格式化的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
