使用Theia——添加语言支持

  • 时间:
  • 浏览:0
  • 来源:极速快3_快3新平台_极速快3新平台

上一篇:使用Theia——创建插件

Theia——换成语言支持

Theia中TextMate的支持

  使用TextMate语法都可否 够能够 为大部分源文件提供精准的着色修饰,真是 这就是在语法级别上(那么语言本身的深度1解析)。语义着色都可否 够能够 由语言服务器提供。

  TextMate语法主要有本身格式:.plist.tmLanguage.json,你这个种Theia都支持。

  更多有关TextMate语法的内容都可否 够能够 查看

这里

  注意:特定语言的语法应该包含在该语言的专用扩展包中。@theia/textmate-grammars中只注册了当前那么任何特定扩展包的语言。

换成新语法

  要提供本身新语法,通常的做法是在扩展包的根目录下创建原来data目录,在其中保存不同的语法。

extension/
    data/
        grammars go here
    lib/
        ...
    src/
        ...
    package.json
    ...

  而且 ,在package.json文件中声明以下属性,原来新提供的语法都可否 够能够 与源代码和编译的文件同去发布。

"files": [
    "data",
    "lib",
    "src"
  ],

  在扩展包中,大伙儿都可否 够能够 通过LanguageGrammarDefinitionContribution的contribution point来提供你你这个型态。

@injectable()
export class YourContribution implements LanguageGrammarDefinitionContribution {

    readonly id = 'languageId';
    readonly scopeName = 'source.yourLanguage';

    registerTextmateLanguage(registry: TextmateRegisty) {
        registry.registerTextmateGrammarScope(this.scopeName, {
            async getGrammarDefinition() {
                return {
                    format: 'json',
                    content: require('../data/yourGrammar.tmLanguage.json'),
                }
            }
        });
        registry.mapLanguageIdToTextmateGrammar(this.id, this.scopeName);
    }
}

  原困使用.plist语法,则都可否 够 使用require来直接获取内容,原困Webpack将返回从服务器获取的文件的名称。你你这个情形下,都可否 够能够 使用下面的模式来获取文件的内容:

@injectable()
export class YourContribution implements LanguageGrammarDefinitionContribution {

    readonly id = 'languageId';
    readonly scopeName = 'source.yourLanguage';

    registerTextmateLanguage(registry: TextmateRegisty) {
        registry.registerTextmateGrammarScope(this.scopeName, {
            async getGrammarDefinition() {
                const response = await fetch(require('../data/yourGrammar.plist'));
                return {
                    format: 'plist',
                    content: await response.text(),
                }
            }
        });
        registry.mapLanguageIdToTextmateGrammar(this.id, this.scopeName);
    }
}

原文地址:https://theia-ide.org/docs/textmate