SFC 组件信息悬停提示（实验性功能）
Volar 1.8 版本引入了一项实验性功能，可以显著提升 Vue 单文件组件的开发体验。现在，开发者将鼠标悬停于任意的 Vue 单文件组件上时，编辑器会弹出一个信息丰富、格式美观的悬浮提示框。该提示框会自动解析并展示当前组件的 Props（属性）、Slots（插槽）等关键信息，方便快速了解组件接口，无需跳转到定义文件。
启用方式
此功能目前为实验性特性，默认处于关闭状态。如需启用，请前往 VSCode 的设置界面，路径为：扩展设置 → Vue → Hover: Rich，将其设置为启用。
组件自动导入与智能感知
在编写模板代码时，当您开始输入一个组件名称，Volar 提供的 IntelliSense 建议列表现在变得更加智能。您可以直接从列表中选取需要的组件，确认后，Volar 会自动在文件顶部插入正确的导入语句，极大地减少了手动导入的步骤和可能出现的拼写错误。
增强的 JSDoc 支持
新版本优化了对 JSDoc 注释的处理能力。例如，当您在代码中使用了带有 @deprecated 标记的 API 或变量时，该标识符现在会清晰地显示删除线，直观地提醒开发者此内容已废弃，应避免使用。这有助于维护代码质量和团队协作规范。
改进的模板语法支持
v-for 键类型推断
在 Vue 模板中的 v-for 指令里，现在 Volar 能够自动将数字类型的键（key）识别为字符串类型。这一改进使其与 TypeScript 的类型系统以及 Vue.js 运行时的实际行为保持一致，避免了之前可能出现的类型警告，提升了类型推断的准确性。
修复语法高亮问题
本次更新集中修复了多个由社区反馈的、长期存在的语法高亮问题。这使得代码在编辑器中的显示更加准确和美观，提升了视觉体验和代码可读性。
支持 HTML 属性换行格式
如果你习惯于在编写模板时对较长的 HTML 属性进行换行排版，并使用 VSCode 内置的 html.format.wrapAttributes 相关设置（例如 force-expand-multiline 或 force-aligned），现在这些格式也能得到 Volar 的正确高亮支持，确保了代码格式与高亮显示的一致性。
更灵活的代码格式化
选中范围格式化
现在，您可以仅对代码文件中的某一部分进行格式化，而无需格式化整个文档。只需用鼠标选中需要整理的代码片段，然后执行格式化命令即可。这个功能在处理大型文件或仅需调整局部代码风格时非常实用。
按代码块格式化设置
新增了更细粒度的格式化配置选项，允许您针对不同的代码块类型（如模板、脚本、样式）设置独立的格式化规则。这使得 Volar 能够更好地与其他代码检查工具（Linter）或格式化工具（如 Prettier）进行集成与协作，满足复杂的项目代码规范要求。
| 
发表于 昨天 23:32
|
查看: 3|
回复: 0
