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

大家好，我是1024小神，技术群 / 私活群 / 股票群 或 交朋友 都可以私信我。

如果你觉得本文有用，一键三连 (点赞、评论、关注)，就是对我最大的支持~

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

格式化之后的效果：

如果你有好的想法或需求，可以私信我，我这里有很多程序员朋友可以帮你实现你的想法。