微信小程序 prettier 格式化

一、安装prettier插件

二、打开设置

然后再打开setting.json

新增代码

{
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "prettier.documentSelectors": ["**/*.wxml", "**/*.wxss", "**/*.wxs"]
}
1
2
3
4
5

保存关闭setting.json

三、再项目根目录新建.prettierrc文件

内容如下

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

然后保存看看，有没有效果，如果没有就重启一下