Visual Studio Code가 EJS 파일의 HTML 구문을 인식하도록하는 방법이 있습니까?

Visual Studio Code가 EJS 파일의 HTML 구문을 인식하도록하는 방법이 있습니까?

---

Mac에서 Visual Studio Code를 사용하여 Node.js 응용 프로그램에서 작업하고 있습니다.

Visual Studio Code에서 EJS 파일을 HTML 마크 업으로 인식하도록하는 방법이 있습니까? 사용자 기본 설정에서 파일 / 체계 연결을 보지 못했습니다.

---

실제로 할 수 있습니다.

Andre가 지적한대로 이제 작업 영역 설정에서이 작업을 수행 할 수 있습니다. As Andre 지적, now you can do this in the workspace settings. Visual Studio 코드 설정으로 이동합니다 .Go to Visual Studio Code Settings : File >> Preferences >> User Settings

// Place your settings in this file to overwrite the default settings
{                
// Configure file associations to languages (e.g. "*.extension": "html"). These have precedence over the default associations of the languages installed.
     "files.associations": {"*.ejs": "html"}     
 }

VS Code 창 하단의 '일반 텍스트'탭을 클릭하고 아래 HTML스크린 샷으로 변경합니다 .

---

Visual Studio Code 설정으로 이동합니다. 파일 >> 환경 설정 >> 사용자 설정

settings.json에이 줄을 추가합니다.

// Place your settings in this file to overwrite the default settings
{                
    // Configure file associations to languages (e.g. "*.extension": "html"). These have precedence over the default associations of the languages installed.
    "files.associations": {"*.ejs": "html"}     
}

Visual Studio Code를 다시 시작합니다.

---

.ejs 지원에 대한 확장자가 있습니다. VS Code Quick Open (Ctrl + P)을 시작하고 다음 명령을 붙여넣고 Enter를 입력합니다.

ext install ejs-language-support

---

설명서 의 지시에 따라 c : \ Program Files (x86) \ Microsoft VS Code \ resources \ app \ extensions \ html \ package.json 파일을 다음과 같이 변경했습니다.

{
    "name": "html",
    "version": "0.1.0",
    "publisher": "vscode",
    "engines": { "vscode": "*" },
    "extensionDependencies": [
                     "html"
                ],
    "contributes": {
        "languages": [{
            "id": "html",
            "aliases": ["ejs"],
            "extensions": [".ejs"]
        }]
    }
}

.. 날 위해 노력했다 .. 새 폴더 atm을 만들기에는 너무 게으르다.

---

htmlVSCode extensions폴더 에서 확장을 찾습니다 .

../app/extensions/html

MacOS X에서는

/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/html

Windows에서는

c:\Program Files(x86)\Microsoft VS Code\resources\app\extensions\html\package.json

이제 파일을 편집 package.json추가 만 배열 :.ejsextensions

{
        "name": "html",
        "version": "0.1.0",
        "publisher": "vscode",
        "engines": { "vscode": "*" },
        "contributes": {
                "languages": [{
                        "id": "html",
                        "extensions": [ ".html", ".htm", ".shtml", ".mdoc", ".jsp", ".asp", ".aspx", ".jshtm", ".ejs" ],
                        "aliases": [ "HTML", "htm", "html", "xhtml" ],
                        "mimetypes": ["text/html", "text/x-jshtm", "text/template", "text/ng-template"]
                }],
                "grammars": [{
                        /* "language": "html", not yet enabled*/
                        "scopeName": "text.html.basic",
                        "path": "./syntaxes/HTML.plist"
                }]
        }

}

그런데, 올바른 방법은 만들 수 있어야 ejs extension에 extensions폴더에 다음 추가 :

ejs/
ejs/package.json
ejs/snippet/
ejs/snippet/ejs.json
ejs/syntaxes/
ejs/syntaxes/EJS.plist

물론 이것은 EJS 구문 / 문법을 가져야하지만, 우리는 단순히 html을 복제 할 수 있습니다. 그래서 확장 폴더에서 :

cd html/
cp -r * ../ejs/

그런 package.json다음 같을 수 있습니다.

{
        "name": "ejs",
        "version": "0.1.0",
        "publisher": "vscode",
        "engines": { "vscode": "*" },
        "contributes": {
                "languages": [{
                        "id": "ejs",
                        "extensions": [ ".ejs" ],
                        "aliases": [ "EJS", "ejs" ],
                        "mimetypes": ["text/html", "text/x-jshtm", "text/template", "text/ng-template"]
                }],
                "grammars": [{
                        "scopeName": "text.html.basic",
                        "path": "./syntaxes/EJS.plist"
                }]
        }

}

그래서 변경 syntaxes/HTML.plist은 syntaxes/EJS.plist.

그런 다음 VSCode를 다시 시작하십시오.

---

새 릴리스에서는 textmate 스 니펫 을 추가 할 수 있습니다 .
https://code.visualstudio.com/updates#_add-textmate-snippets
아마도 ejs 지원을 위해 이것을 추가 할 수 있습니다 :
https://github.com/gregory-m/ejs -tmbundle / blob / master / Syntaxes / JavaScript % 20Template.tmLanguage

---

Visual Studio 2015 Community에서 ejs 확장을 html 편집기와 연결할 수있었습니다.

도구> 옵션> 텍스트 편집기> 파일 확장자

확장자에 "ejs"를 입력합니다. 드롭 다운 선택에서 "HTML 편집기"를 선택합니다. 추가를 클릭하십시오. 확인을 클릭하십시오.

ejs 파일이 열려있는 경우 닫았다가 다시 엽니 다.

참고 URL : https://stackoverflow.com/questions/30264197/is-there-a-way-to-make-visual-studio-code-recognize-html-syntax-in-ejs-files