1.微信小程序IDE中安装 Prettier 插件

5D96D8FB-30C2-4969-B4E0-B6C322A7599E.png

2.添加IDE的设置

8D3DE9EC-68A9-4150-9ECF-E944681C187E.png

87A234E5-D91F-4B3F-B231-BDA952D42D39.png

新增代码

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

保存自动格式化代码，可个人喜好，也可以手动格式化

"editor.formatOnSave": true,

3.在项目根目录新建.prettierrc文件

B0B8C908-09F8-464A-ABD6-7E47880E3F12.png

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