@zhaiun/prettier-plugin-weapp-miniprogram

小程序 prettier

文件结构

├── lib
│   ├── index.js
│   ├── scss
│   │   ├── embed.js
│   │   ├── parse.js
│   │   └── print.js
│   ├── utils
│   │   └── index.js
│   └── wxml
│       ├── embed.js
│       ├── parse.js
│       ├── parseTemplate.js
│       └── print.js

使用方式

• 安装 vscode 插件 都需要安装 Prettier 其他需要安装插件情况：

  1. scss：需要安装 SCSS Formatter 的插件，并在.scss文件下使用command + shift + p，输入 format Document... ，将默认格式化程序选择为 SCSS Formatter。

• 安装依赖(需要安装 eslint)

yarn add @zhaiun/prettier-plugin-miniprogram --dev

• 添加至项目中

  1. 在 .rettierrc 文件中添加

      module.exports = {
        ...
        overrides: [
          ...
          {
            files: ['*.wxml'],
            options: { parser: 'wxml' },
            processor: "@zhaiun/weapp-miniprogram/wxml",
            parser: "@wxml/parser"
          },
          {
            files: ['*.scss'],
            options: { parser: 'scss' },
            processor: "@zhaiun/mweapp-iniprogram/scss",
            parser: "@scss/parser"
          }
        ],
      };

• 配置完以上步骤后，需要重新启动 vscode ，command + Q退出，重新打开即可。

参考文档

Prettier 官方文档

xml、html解析器

TODO

• [ ] 自动将不符合规范的bindxxx事件转化为bind:xxx