Bootstrap

微信小程序-prettier 格式化

一.安装prettier插件

在这里插入图片描述

二.配置开发者工具的设置

在这里插入图片描述
配置如下代码在setting.json里:

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

三.根目录创建.prettierrc文件

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

在这里插入图片描述

;