这是一个专门为 uni-app x 打造的 VS Code 完美格式化扩展。它主要针对 .uvue 文件提供了强大的代码排版与清理功能，让你在开发 uni-app x 项目时也能享受像平时写 Vue、TypeScript 一样流畅的代码整洁体验。
✨ 核心特性 (Features)
在日常的 uni-app x 开发中，标准的 Prettier 往往无法识别 .uvue 文件中特有的 <script lang="uts"> 语法，导致模板或样式虽然被格式化了，但是 UTS / 脚本内的代码却依然杂乱无章。
本插件在底层深度串联了强大的 Prettier 解析引擎，并做了专门针对 uni-app x 的语法兼容处理：
- 完美解析
lang="uts"：能够智能拦截并将 UTS 代码转换为标准 TypeScript 进行重排，格式化后再平滑还原。使得 methods、变量定义、JSON 对象格式完美对齐！
<template> 标签规范化：不仅能规整基础 HTML，对 uni-app x 中的原生组件（如 view、scroll-view、text、video 等）的属性与缩进也完全支持。<style> 样式规整：不论是写标准的 CSS，还是带有嵌套及特殊指令的 scss/sass（例如 <style lang="scss">），都能彻底规范你的样式排列。
💡 如何使用 (Usage)
- 在 VS Code 中打开一个
.uvue 结尾的文件。
- 使用快捷键
Option + Shift + F (Mac) 或 Alt + Shift + F (Windows) 对当前文件进行格式化。
- （推荐）设置为默认格式化工具：在文件代码处右键 -> “使用...格式化文档” (Format Document With...) -> 选择 “配置默认格式化程序” -> 选中 “格式化uniappx语法插件”。开启 VS Code 的“保存时格式化 (Format On Save)”，即可在每次
Cmd+S 时自动排版代码！
⚙️ 扩展配置 (Configuration)
本插件基于 Prettier，因此采用了最符合前端大众开发习惯的默认配置（无需额外动手设置）：
- Print Width (单行代码最大长度): 100
- Tab Width (缩进大小): 2
- Quotes: 双引号 (Double Quotes)
- Semicolons: 句尾自动添加分号 (Semi)
- Trailing Comma: 无 (none)
Enjoy coding! 让规范且美丽的代码，带给你每一天的好心情！
| |
