vscode之添加新語言擴展——aspx-html

時間 2019-11-06

標籤 vscode 添加語言擴展 aspx html 欄目 HTML 简体版

原文原文鏈接

語言支持插件必需的三種文件，均起源於TextMatehtml

.tmTheme
.tmSnippets
.tmLanguage

vscode相關路徑git

主題：%安裝目錄%\resources\app\extensions\theme-defaults\xxx.json
片斷：%安裝目錄%\resources\app\extensions\%語言%\snippets\xxx.snippets.json
語言語法：%安裝目錄%\resources\app\extensions\%語言%\syntaxes\xxx.tmLanguage.json

tmLanguage文件

初始文件內容：github

{
    "$schema": "https://raw.githubusercontent.com/martinring/tmlanguage/master/tmlanguage.json",
    "name": "ASPX",        ## 語言名稱
    "patterns": [    ## 模式入口，能夠調用模式倉庫中的模式片斷，也能夠實現模式片斷，關鍵內容
        {
            "include": "#keywords"        ## include調用的模式片斷名稱均可以在模式倉庫中找獲得
        },
        {
            "include": "#strings"
        },
        {    ## 模式片斷，實現內容與 "#strings" 同樣
            "name": "keyword.control.aspx",
            "match": "\\b(if|while|for|return)\\b"
        }
    ],
    "repository": {        ## 模式倉庫，存放模式片斷，以供模式入口調用
        "keywords": {
            "patterns": [{
                "name": "keyword.control.aspx",
                "match": "\\b(if|while|for|return)\\b"
            }]
        },
        "strings": {
            "name": "string.quoted.double.aspx",
            "begin": "\"",
            "end": "\"",
            "patterns": [
                {
                    "name": "constant.character.escape.aspx",
                    "match": "\\\\."
                }
            ]
        }
    },
    "scopeName": "source.aspx"
}

工具

Visual Studio Code - Code Editing. Redefined

vscode之添加新語言擴展——aspx-html

tmLanguage文件

工具

相關連接