UX-formatt

UniAppX UVUE/UTS 格式化和语法高亮插件

简介

UX Formatt 是一款 VS Code 扩展插件，为 UniAppX 开发提供完整的 UVUE/UTS 文件格式化和语法高亮支持

安装

1. 使用 VSIX 文件通过 VS Code 的"Install from VSIX"功能安装

配置

在 VS Code 设置中可以自定义以下选项：

代码格式化

• uniappx-formatt.enableLineWrap: 启用/禁用代码自动换行（默认：true）
• uniappx-formatt.maxLineLength: 设置最大行长度，超过此长度的代码将自动换行（默认：120，范围：80-200）

括号配对着色

• uniappx-formatt.enableBracketColorization: 启用/禁用括号配对着色（默认：true）
• 插件会自动为 UVUE 和 UTS 文件启用括号配对着色功能
• 不同嵌套层级的括号会使用不同颜色，更容易识别代码结构

如何配置

1. 打开 VS Code 设置（Ctrl+, 或 Cmd+,）
2. 搜索 "UX-formatt"
3. 根据需要调整设置

或者在 settings.json 中直接编辑：

{
  "uniappx-formatt.enableLineWrap": true,
  "uniappx-formatt.maxLineLength": 120,
  "uniappx-formatt.enableBracketColorization": true
}

使用

代码格式化

1. 打开 .uvue 或 .uts 文件
2. 右键选择"格式化文档"或使用快捷键：
   • Windows/Linux: Shift+Alt+F
   • Mac: Shift+Option+F
3. 也可以在保存时自动格式化，在设置中启用：

   {
     "editor.formatOnSave": true
   }