微信小程序 prettier 格式化

一、安装prettier插件

微信小程序 prettier 格式化_第1张图片

二、打开设置

微信小程序 prettier 格式化_第2张图片
然后再打开setting.json
微信小程序 prettier 格式化_第3张图片
新增代码

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

保存关闭setting.json

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

内容如下

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

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

你可能感兴趣的:(微信小程序,prettier)