[Bug]: wxs标签内的代码格式化不对

[lihanspace]

如何复现:

步骤1:

// setting.json
"minapp-vscode.wxmlFormatter": "prettier",
"minapp-vscode.prettier": {
  "parser": "html",
  "useTabs": false,
  "tabWidth": 2,
  "printWidth": 160,
  "singleQuote": false,
  "bracketSameLine": true,
  "jsxBracketSameLine": true,
  "bracketSpacing": false
}
// .prettierc
{
  "semi": false,
  "singleQuote": true,
  "quoteProps": "as-needed",
  "jsxSingleQuote": false,
  "trailingComma": "es5",
  "bracketSpacing": true,
  "bracketSameLine": false,
  "arrowParens": "always",
  "overrides": [
    {
      "files": ["*.wxml"],
      "options": {
        "semi": true,
        "singleQuote": false,
        "bracketSameLine": true,
        "bracketSpacing": false
      }
    },
    {
      "files": ["*.wxss", "*.scss", "*.sass"],
      "options": {
        "semi": true,
        "singleQuote": false
      }
    }
  ]
}

步骤2:

<!-- index.wxml -->
<wxs module="timeFormat">
  function timeFormat(time) {
    if (time !== undefined) {
      var timeNum = getDate(time)
      var y = timeNum.getFullYear()
      var M = timeNum.getMonth() + 1
      var d = timeNum.getDate()
      var h = timeNum.getHours() + ''
      var m = timeNum.getMinutes() + ''
      if (h.length === 1) { h = '0' + h }
      if (m.length === 1) { m = '0' + m }
      return y + '年' + M + '月' + d + '日 ' + h + ':' + m
    }
  }
  module.exports = timeFormat
</wxs>
<view></view>

步骤3:
格式化

期望的表现:

<!-- index.wxml -->
<wxs module="timeFormat">
  function timeFormat(time) {
    if (time !== undefined) {
      var timeNum = getDate(time)
      var y = timeNum.getFullYear()
      var M = timeNum.getMonth() + 1
      var d = timeNum.getDate()
      var h = timeNum.getHours() + ''
      var m = timeNum.getMinutes() + ''
      if (h.length === 1) {
        h = '0' + h
      }
      if (m.length === 1) {
        m = '0' + m
      }
      return y + '年' + M + '月' + d + '日 ' + h + ':' + m
    }
  }
  module.exports = timeFormat
</wxs>
<view></view>

实际的表现:

<!-- index.wxml -->
<wxs module="timeFormat">
  function timeFormat(time) { if (time !== undefined) { var timeNum = getDate(time) var y = timeNum.getFullYear() var M = timeNum.getMonth() + 1 var d =
  timeNum.getDate() var h = timeNum.getHours() + '' var m = timeNum.getMinutes() + '' if (h.length === 1) { h = '0' + h } if (m.length === 1) { m = '0' + m }
  return y + '年' + M + '月' + d + '日 ' + h + ':' + m } } module.exports = timeFormat
</wxs>
<view></view>

插件运行环境

• 插件版本: v2.4.12
• VSCode版本: v1.80.1
• 操作系统(非必须): win10

是否可以把wxs标签当做script标签进行格式化?

[luckymore]

试了下，是以 html 规则使用 prettier 格式化导致的，需要把 *.wxml 里脚本内容单独格式化然后拼装起来。

let me try

[wangzhipeng-vicky]

以 html 规则使用 prettier 格式化导致的，需要把 *.wxml 里脚本内容单独格式化然后拼装起来。

我设置了这个也不行
"minapp-vscode.disableDecorate": false, "minapp-vscode.decorateType": { "color": "#27b89a" }, "minapp-vscode.wxmlFormatter": "prettier", // 指定格式化工具 "minapp-vscode.prettier": { // prettier 更多参考 https://prettier.io/docs/en/options.html "useTabs": false, "tabWidth": 2, "printWidth": 100, "singleQuote": false }, "[wxml]": { "editor.defaultFormatter": "qiu8310.minapp-vscode" },