无法配置代码段

Question

在Angular 7.X项目中使用Ace editor时，我无法使用摘要和自动编译。

当我尝试配置自动编译时：

  this.editor.getEditor().setOptions({
    enableBasicAutocompletion: true,
    enableSnippets: true,
    enableLiveAutocompletion: true,
  });

我在控制台收到警告：

misspelled option "enableBasicAutocompletion"
misspelled option "enableSnippets"
misspelled option "enableLiveAutocompletion"

我在Ace编辑器中使用角度包装器：ng2-ace-editor。

我在StackBlitz上重现此错误： https://stackblitz.com/edit/angular-pyt9cf?file=src%2Fapp%2Fapp.component.ts

Answer 1

添加import "brace/ext/language_tools"以加载语言工具扩展，其中包含代码片段的功能。 （您可能需要在您的package.json中添加大括号以使其正常工作。）

还要注意

* {
  font-family: Arial, Helvetica, sans-serif;
}

您使用的规则会通过为编辑器中的元素分配不同的字体系列来破坏编辑器