vscode或者cursor配置使用Prettier - Code formatter来格式化微信小程序wxss/wxs/wxml文件

1024小神2025-08-27 10:45

需要先安装这个插件：Prettier - Code formatter

然后到vscode的配置里面，转到json配置：

在底部添加一段：

这一段的作用就是将wxss文件映射为css文件来对待，wxml映射为html文件来对待

记得默认的格式化也要配置为：

总的配置就是：

复制代码

"editor.defaultFormatter": "esbenp.prettier-vscode",

    "files.associations": {
        // "*.vue": "html"
        "*.wxss": "css",
        "*.wxs": "javascript",
        "*.acss": "css",
        "*.axml": "html",
        "*.wxml": "html",
        "*.swan": "html"
    },

保存然后回到wxml中，就可以格式化了：

格式化之后的效果：