详细可在git上访问查看对应path: 链接地址
1. Main(主要配置)
-
Mode(模式)
path: mode
类型:下拉选择
说明:设置编辑器的语法高亮模式(如 JavaScript、HTML、JSON 等) -
Theme(主题)
path: theme
类型:下拉选择
说明:设置编辑器的外观主题(如 chrome、monokai 等) -
Keybinding(快捷键绑定)
path: “keyboardHandler”
类型:按钮组
选项:Ace(默认)、Vim、Emacs、Sublime、VSCode
说明:切换编辑器的快捷键风格 -
Font Size(字体大小)
path: “fontSize”
类型:数字输入
默认值:12px
预设选项:12px、24px
说明:设置编辑区文字大小 -
Soft Wrap(自动换行)
path: “wrap”
类型:按钮组
选项:Off(关闭)、View(根据视图宽度)、margin(根据打印边距)、40(固定 40 字符宽度)
说明:设置文本是否自动换行及换行规则 -
Cursor Style(光标样式)
path: “cursorStyle”
类型:下拉选择
选项:Ace(默认)、Slim(纤细)、Smooth(平滑)、Smooth And Slim(平滑纤细)、Wide(宽)
说明:设置光标显示样式 -
Folding(代码折叠)
path: “foldStyle”
类型:下拉选择
选项:Manual(手动折叠)、Mark begin(标记开始位置)、Mark begin and end(标记开始和结束位置)
说明:设置代码折叠的标记方式 -
Soft Tabs(软制表符)
path: “tabSize”
包含两个子项:
启用软制表符(useSoftTabs):用空格代替制表符
制表符大小(tabSize):可选 2/3/4/8/16 个空格
说明:控制制表符的行为 -
Overscroll(过度滚动)
path: “scrollPastEnd”
类型:按钮组
选项:None(无)、Half(半屏)、Full(全屏)
说明:设置滚动到文档末尾时允许的额外滚动距离
2. More(更多配置)
-
Atomic soft tabs(原子软制表符)
path: “navigateWithinSoftTabs”
类型:复选框
说明:启用后,软制表符被视为一个整体(导航时不会拆分) -
Enable Behaviours(启用行为)
path: “behavioursEnabled”
类型:复选框
说明:启用编辑器的自动行为(如括号自动闭合) -
Wrap with quotes(引号包裹)
path: “wrapBehavioursEnabled”
类型:复选框
说明:启用后,选中文本按引号时会自动包裹文本 -
Enable Auto Indent(启用自动缩进)
path: “enableAutoIndent”
类型:复选框
说明:新行自动继承上一行的缩进 -
Full Line Selection(整行选择)
path: “selectionStyle”
类型:复选框
选项:text(仅选文本)、line(选整行)
说明:控制选择文本时是否包含整行 -
Highlight Active Line(高亮当前行)
path: “highlightActiveLine”
类型:复选框
说明:高亮显示光标所在的行 -
Show Invisibles(显示不可见字符)
path: “showInvisibles”
类型:复选框
说明:显示空格、制表符、换行符等不可见字符 -
Show Indent Guides(显示缩进参考线)
path: “displayIndentGuides”
类型:复选框
说明:显示缩进层级的参考线 -
Persistent HScrollbar(固定水平滚动条)
path: “hScrollBarAlwaysVisible”
类型:复选框
说明:始终显示水平滚动条(即使内容未溢出) -
Persistent VScrollbar(固定垂直滚动条)
类型:复选框
说明:始终显示垂直滚动条(即使内容未溢出) -
Animate scrolling(滚动动画)
path: “vScrollBarAlwaysVisible”
类型:复选框
说明:滚动时启用平滑动画效果 -
Show Gutter(显示 gutter 区域)
path: “showGutter”
类型:复选框
说明:显示行号、折叠按钮所在的左侧 gutter 区域 -
Show Line Numbers(显示行号)
path: “showLineNumbers”
类型:复选框
说明:在 gutter 区域显示行号 -
Relative Line Numbers(相对行号)
path: “relativeLineNumbers”
类型:复选框
说明:行号显示为相对于光标所在行的偏移量(如当前行是 0,上下行为 ±1) -
Fixed Gutter Width(固定 Gutter 宽度)
path: “fixedWidthGutter”
类型:复选框
说明:固定 gutter 区域的宽度(避免行号位数变化导致宽度跳动) -
Show Print Margin(显示打印边距)
包含两个子项:
启用打印边距(showPrintMargin)
打印边距位置(printMarginColumn):数字输入(默认 80 字符处)
说明:显示一条垂直线,标记打印时的页边距位置 -
Indented Soft Wrap(缩进自动换行)
path: “indentedSoftWrap”
类型:复选框
说明:自动换行时保持缩进对齐 -
Highlight selected word(高亮选中单词)
path: “highlightSelectedWord”
类型:复选框
说明:自动高亮文档中与选中单词相同的内容 -
Fade Fold Widgets(折叠按钮淡入淡出)
path: “fadeFoldWidgets”
类型:复选框
说明:折叠按钮在鼠标未悬停时淡显 -
Use textarea for IME(使用文本框处理输入法)
path: “useTextareaForIME”
类型:复选框
说明:对输入法(IME)使用 textarea 处理(解决部分输入法兼容性问题) -
Merge Undo Deltas(合并撤销操作)
path: “mergeUndoDeltas”
类型:下拉选择
选项:Always(始终合并)、Never(从不合并)、Timed(按时间合并)
说明:设置撤销操作的合并规则 -
Elastic Tabstops(弹性制表位)
path: “useElasticTabstops”
类型:复选框
说明:根据内容自动调整制表位宽度(使列对齐更灵活)
Incremental Search(增量搜索)
类型:复选框
说明:输入搜索内容时实时显示匹配结果 -
Read-only(只读模式)
path: “readOnly”
类型:复选框
说明:设置编辑器为只读状态(禁止编辑内容) -
Copy without selection(无选择时复制)
path: “copyWithEmptySelection”
类型:复选框
说明:未选中内容时,复制操作会复制当前行 -
Live Autocompletion(实时自动补全)
path: “enableLiveAutocompletion”
类型:复选框
说明:输入时自动显示补全建议
这些配置项基本覆盖了 Ace 编辑器的所有可定制功能,在 Vue3 中使用 vue3-ace-editor 时,可以通过 editorOptions 属性直接配置这些选项(例如 { readOnly: true, fontSize: 14 })。
6649

被折叠的 条评论
为什么被折叠?



