微信小程序prettier 格式化的配置方法

更新时间：2024年11月19日 09:31:44 作者：井眼

文章介绍了如何在微信小程序中安装和配置Prettier插件,以实现代码格式化,通过在开发者工具的设置中添加配置,并在项目根目录创建`.prettierrc`文件,可以自定义格式化规则,感兴趣的朋友跟随小编一起看看吧

一.安装prettier插件

二.配置开发者工具的设置

配置如下代码在setting.json里：

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

三.根目录创建.prettierrc文件

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

到此这篇关于微信小程序prettier 格式化的文章就介绍到这了,更多相关微信小程序prettier 格式化内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

JavaScript 中require 和 import区别及用法示例对比
在JavaScript中,require和import都是用来导入模块的语法,但它们属于不同的模块系统：CommonJS和ECMAScript Modules（ESM）,这篇文章主要介绍了JavaScript中require和import区别及用法示例对比,需要的朋友可以参考下
2025-09-09
鼠标滚轮改变图片大小的示例代码
这篇文章主要是对用鼠标滚轮改变图片大小的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2013-11-11
JavaScript实现封装一个快速生成目录树的全局脚本
目录树可以很好的介绍项目中各文件目录的用途，帮助读者了解整个项目结构。本文就来用JavaScript封装一个快速生成目录树的全局脚本，希望对大家有所帮助
2023-03-03
javascript中函数的写法实例代码详解
这篇文章主要介绍了javascript中函数的写法 ,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
2018-10-10
javascript阻止scroll事件多次执行的思路及实现
阻止scroll事件多次执行主要是为了解决一些常见网页特效在js解析时预期与效果不同，感兴趣的朋友可以了解下
2013-11-11
JS实现自适应高度表单文本框的方法
这篇文章主要介绍了JS实现自适应高度表单文本框的方法,实例分析了针对IE内核与非IE内核下的javascript控制文本框样式的技巧,非常具有实用价值,需要的朋友可以参考下
2015-02-02
单线程JavaScript实现异步过程详解
这篇文章主要介绍了单线程JavaScript实现异步过程详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-05-05
解析原来浏览器原生支持JS Base64编码解码
这篇文章主要介绍了解析原来浏览器原生支持JS Base64编码解码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-08-08
JS Replace()的高级使用方法介绍
这篇文章介绍了，js中的Replace()的一些高级的使用方法，有需要的朋友可以参考一下
2013-06-06
通过代码实验演示js的防抖与节流(超详细解释)
在前端开发中经常会遇到一些高频触发的事件,比如scroll、resize、input等,如果对这些事件的处理函数不加以限制,可能会导致性能问题,防抖和节流是优化高频事件的得力工具,这篇文章主要介绍了如何通过代码实验演示js的防抖与节流的相关资料,需要的朋友可以参考下
2026-03-03