代码风格:Vue模板
最后修改时间:2023 年 8 月 23 日文件 | 设置 | 编辑| 代码风格| 适用于 Windows 和 Linux 的Vue
PyCharm | 设置 | 编辑| 代码风格| 适用于 macOS 的Vue
CtrlAlt0S
警告
仅当安装了Vue.js插件并在设置 |启用时,该页面才可用。插件页面,如管理插件中所述。
使用此页面配置 Vue 文件的格式选项。当您更改这些设置时,预览窗格会显示这将如何影响您的代码。
指定哪些顶级标签的内容应缩进,默认情况下,缩进仅应用于template
标签内的代码。还要决定所有顶级标签的缩进是否应该统一,或者取决于所使用的语言,例如 HTML 或 Pug 特定的语言。
制表符和缩进
特定于块中的语言 | 选择此选项可使顶级标签的内容以特定于语言的样式缩进。 |
整个文件都一样 | 选择此选项可对文件中所有顶级标记内的代码应用统一缩进。使用下面的控件来配置统一缩进。 |
使用制表符 |
|
智能标签 | 缩进由两部分组成。一部分是由嵌套代码块产生的,另一部分是由对齐决定的。
|
标签尺寸 | 在此字段中,指定制表符中适合的空格数。 |
缩进 | 在此字段中,指定要为每个缩进级别插入的空格数。 |
继续缩进 | 在此字段中,指定要在表达式、方法声明和方法调用中的数组元素之间插入的空格数。 |
在空行上保留缩进 | 如果选中此复选框,PyCharm 会保留空行上的缩进,就好像它们包含某些代码一样。如果清除该复选框,PyCharm 将删除空行上的制表符和空格。 |
缩进顶级标签的子级 | 默认情况下,只有标签内的代码 |
空间
使用此选项卡指定您希望 PyCharm 自动插入空格的位置。选中相关位置描述旁边的复选框,然后在预览窗格中检查结果。
包裹和大括号
在此选项卡中,自定义异常、大括号放置和对齐选项,PyCharm 将在重新格式化源代码时将其应用于各种代码构造。在预览窗格中检查结果。
笔记
对齐选项优先于缩进选项。
视觉指南 | 在此字段中,指定多个右边距。您可以保留默认值或输入边距的空格数。如果要指定多个边距,请输入以逗号分隔的数字。 |
插值 | 在此区域中,选择插值的换行样式,并指定是否要 如果Vue.js 插值内的 JavaScript 表达式有换行符,PyCharm 会自动从新行开始此 JavaScript 表达式,并在其后添加新行。 清除“{{”之后的新行和“}}”之前的新行复选框以更改此默认行为。
|
包装选项 | 包装样式适用于在左侧窗格中指定的各种代码构造(例如,方法调用参数或赋值语句)。
|
安排
在此选项卡中,定义一组规则以根据您的偏好重新排列 Vue.js 模板中的代码。
匹配规则 | 使用此区域将元素顺序定义为规则列表,其中每个规则都有一组匹配项,例如修饰符或类型。
|
空规则 | 使用此区域可以创建新的匹配规则或编辑现有规则。您可以从以下过滤器中进行选择:
|
当您从“订单”列表中选择“按名称排序”时,会出现此图标。图标表示此规则中的项目按字母顺序排序。 |
设置自
如果适用,该链接将显示在页面的右上角。单击此链接并选择要用作当前语言代码样式基础的语言。
要返回到初始的代码样式设置集并放弃更改,请单击“重置”。
感谢您的反馈意见!