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

本文介绍如何在VSCode中配置Prettier插件来格式化微信小程序文件。首先安装Prettier-Codeformatter插件，然后在VSCode的settings.json配置文件中添加相关设置，包括设置Prettier为默认格式化工具，以及配置微信小程序文件(.wxss、.wxs等)的类型关联。最后保存配置即可在编辑.wxml等文件时使用Prettier进行格式化。

1024小神

831人浏览 · 2025-08-26 14:39:29

1024小神 · 2025-08-26 14:39:29 发布

需要先安装这个插件：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中，就可以格式化了：