vscode里面怎么用prettier格式化wxml、wxss和wxs

1. 首先肯定得在 vscode 安装 prettier 插件。

2. 其次打开设置的 json 文件。

按 Ctrl+，打开设置，然后点右上角的这个图标。

"editor.defaultFormatter": "esbenp.prettier-vscode",
"[wxml]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[wxss]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[wxs]":{
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"prettier.documentSelectors": [
  "**/*.wxml",
  "**/*.wxss"，
  "**/*.wxs"
]

 然后把上面这一段代码复制进去，这样wxml、wxss和wxs文件就会被prettier扫描了。

3. 然后来到我们的项目在 .prettierrc 文件里面添加下面代码，如果没有的话就在根目录创建一个。

{
  "overrides": [
    {
      "files": "*.wxml",
      "options": { "parser": "html" }
    },
    {
      "files": "*.wxss",
      "options": { "parser": "css" }
    },
    {
      "files": "*.wxs",
      "options": { "parser": "babel" }
    }
  ]
}

这一步是指定三类文件按照什么样的格式来进行解析，弄完这一步就大功告成了。