Sublime 2/3에서 언어에 대한 구문 강조 표시를 변경 / 추가하고 싶습니다.

예를 들어 나는 키워드를 원합니다 this JavaScript로 채색 .

어떻게 할 수 있습니까?

에 기본 설정 JavaScript 파일이 C:\Program Files\Sublime Text 3\Packages있다는 것을 알고 있지만 무엇을 변경해야하는지 또는이 폴더 어딘가에 새 JavaScript 기본 설정 파일을 만들어야하는지 모르겠습니다 %APPDATA%\Sublime Text 3.

구문 강조 표시는 사용하는 테마로 제어되며을 통해 액세스 할 수 있습니다 Preferences -> Color Scheme. 테마 .tmLanguage는 언어 디렉토리 / 패키지의 파일에 포함 된 일련의 정규식으로 정의되는 범위 사용을 통해 다양한 키워드, 함수, 변수 등을 강조 합니다. 예를 들어, JavaScript.tmLanguage파일은 범위 source.js와 키워드 variable.language.js를 할당합니다 this. Sublime Text 3는 .sublime-package모든 기본 설정을 저장하기 위해 zip 파일 형식을 사용하기 때문에 개별 파일을 편집하는 것은 그리 간단하지 않습니다.

안타깝게도 모든 테마에 모든 범위가 포함되어있는 것은 아니므로 다른 테마를 사용하여 멋지게 보이고 원하는 강조 표시를 제공하는 것을 찾아야합니다. 이 숭고한 텍스트에 포함 된 테마의 숫자, 그리고 많은 사람들이 등을 통해 사용할 수있는 패키지 제어 나는 매우 당신이 이미하지 않은 경우 설치를 권장합니다. ST3 지침 을 따르십시오. .

이런 일이 발생함에 따라 Neon Color Scheme패키지 제어를 통해 사용할 수있는을 개발 했습니다. 저의 주요 목표는 다양한 언어를 가능한 한 멋지게 보이게 만드는 것 외에도 표준 테마에 포함 된 것보다 더 많은 범위를 가능한 한 많이 식별하는 것이 었습니다. 예를 들어 JavaScript 언어 정의는 Python만큼 철저하지 않지만 또는 Neon같은 일부 기본값보다 훨씬 더 다양 합니다.MonokaiSolarized

Better JavaScriptSublime과 함께 제공되는 이미지 대신이 이미지에 @ int3h의 언어 정의를 사용했습니다. 패키지 제어를 통해 설치할 수 있습니다.

최신 정보

최근에 저는 또 다른 JavaScript 대체 언어 정의 인 JavaScriptNext - ES6 Syntax. 기본 JavaScript 또는 더 나은 JavaScript보다 더 많은 범위가 있습니다. 동일한 코드에서 다음과 같이 보입니다.

또한 원래이 답변을 썼기 때문에 @skuroda는 PackageResourceViewerPackage Control을 통해 출시되었습니다 . 이를 통해 .sublime-package패키지의 일부 또는 전체를 원활하게보고, 편집 및 / 또는 추출 할 수 있습니다 . 따라서 원하는 경우 Sublime에 포함 된 색 구성표를 직접 편집 할 수 있습니다.

또 다른 업데이트

Github 의 거의 모든 기본 패키지 가 출시되면서 변경 사항이 빠르고 격렬하게 진행되었습니다. 이전 JS 구문은 JavaScript Next ES6 구문의 가장 좋은 부분을 포함하도록 완전히 재 작성되었으며 이제는 최대한 ES6과 완전히 호환됩니다. 톤 다른 변화의 일관성을 향상, 커버 코너 및 가장자리 경우에 만들어, 그냥 전반적으로 더 나은을하고있다. 새로운 구문은 (현재) 최신 dev 빌드 3111에 포함되었습니다.

현재 베타 빌드 3103 에서 새로운 구문을 사용 하려면 Github 저장소를 어딘가에 복제하고 JavaScript(또는 원하는 언어)를 Packages디렉토리에 연결합니다 Preferences -> Browse Packages.... 을 선택하여 시스템에서 찾습니다 . 그런 다음 git pull수시로 원본 repo 디렉토리에서 변경 사항을 새로 고치면 최신 및 최고의 것을 즐길 수 있습니다! 저장소는 .sublime-syntax이전 형식 대신 새 형식을 사용 .tmLanguage하므로 3084 이전의 ST3 빌드 또는 ST2에서는 작동하지 않습니다 (두 경우 모두 최신 베타 또는 개발 빌드로 업그레이드해야 함).

나는 현재 새로운 JS 구문의 모든 새로운 범위를 처리하기 위해 Neon Color Scheme을 조정하고 있지만 대부분은 이미 다루어야합니다.

마침내 주어진 테마를 사용자 정의하는 방법을 찾았습니다.

로 이동 C:\Program Files\Sublime Text 3\Packages하고 + 이름 바꾸기를 복사 Color Scheme - Default.sublime-package에 Color Scheme - Default.zip. 그 후 압축을 풀고 테마를 복사하여 %APPDATA%\Sublime Text 3\Packages\User. (제 경우에는 All Hallow's Eve.tmTheme).

그런 다음 텍스트 편집기로 열고 thisJavaScript에서 변경하는 것과 같이 무언가를 변경 / 추가 할 수 있습니다 .

<dict>
    <key>name</key>
    <string>Lang Variable</string>
    <key>scope</key>
    <string>variable.language</string>
    <key>settings</key>
    <dict>
        <key>foreground</key>
        <string>#FF0000</string>
    </dict>
</dict>

이것은 thisJavaScript 파일에 빨간색으로 표시 됩니다. 에서 테마를 선택할 수 있습니다 Preferences -> Color Scheme -> User -> <Your Name>.

패키지 제어를 통해 설치된 PackageResourceViewer 플러그인을 사용합니다 ( MattDMo에서 언급 ). 이렇게하면 Sublime Text에서 간단히 열고 파일을 저장하여 압축 된 리소스를 재정의 할 수 있습니다. 편집 된 리소스 만 % APPDATA % / Roaming / Sublime Text 3 / Packages / 또는 ~ / .config / sublime-text-3 / Packages /에 자동으로 저장합니다.

op와 관련하여 플러그인이 설치되면 PackageResourceViewer: Open Resource명령을 실행하십시오 . 그런 다음을 선택 JavaScript합니다 JavaScript.tmLanguage. 그러면 편집기에서 xml 파일이 열립니다. 언어 정의를 편집하고 파일을 저장할 수 있습니다. 그러면 사용자 디렉터리에 JavaScript.tmLanguage 파일의 재정의 복사본이 작성됩니다.

동일한 방법을 사용하여 시스템에있는 모든 언어의 언어 정의를 편집 할 수 있습니다.

"this"는 이미 Javascript로 채색되어 있습니다.

보기-> 구문-> 강조 표시 할 언어를 선택하십시오.

이게 내 레시피

참고 : 이것은 OP가 요구하는 것과는 다릅니다. 이 지침은 구문 일치 규칙이 정의 된 항목 (주석, 키워드 등)의 색상을 변경하는 데 도움이됩니다. 예를 들어, 모든 코드 주석이 녹색 대신 파란색으로 표시되도록이 지침을 사용하여 변경하십시오.

나는 OP가 thisJavaScript 소스 파일에서 발견 될 때 색상이 지정 될 항목으로 정의하는 방법을 묻고 있다고 생각 합니다.

1. 패키지 설치 : PackageResourceViewer

2. Ctrl+Shift+P> [ PackageResourceViewer: Open Resource]> [ Color Scheme - Default]> [ Marina.sublime-color-scheme] (또는 사용하는 색 구성표)

3. 위의 명령은 " Marina.sublime-color-scheme" 파일에 대한 새 탭을 엽니 다 .

   • 나를 위해이 파일은 내 로밍 프로필 %appdata%( C:\Users\walter\AppData\Roaming\Sublime Text 3\Packages\Color Scheme - Default\)에 있습니다.
   • 그러나 Windows 탐색기 에서 해당 경로를 찾아 보면 [ Color Scheme - Default]은 [ ] dir의 하위 디렉토리가 아닙니다 Packages. 나는 그것이 PackageResourceViewer가상화를하고 있다고 생각합니다 .

선택적 단계 : 새 색 구성표 탭에서 : Ctrl+Shift+P> [ Set Syntax: JSON]

4. 변경할 규칙을 검색하십시오. 댓글을 이동하여 표시하고 싶었 기 때문에 " Comment"을 (를) 검색했습니다 .

   • "rules"섹션 에서 찾았습니다.

 "rules":
    [
        {
            "name": "Comment",
            "scope": "comment, punctuation.definition.comment",
            "foreground": "var(blue6)"
        },

5. "blue6":색상 변수 정의 섹션을 찾으 려면 문자열 을 검색 하십시오. "variables"섹션 에서 찾았습니다 .

6. http://hslpicker.com/ 과 같은 도구를 사용하여 새 색상을 선택합니다 .

7. 새 색상 변수를 정의하거나의 색상 설정을 덮어 씁니다 blue6.

   • 경고 : 덮어 쓰기 blue6는 blue6 ( "구두점" "액세서")도 사용하는 해당 색 구성표의 다른 모든 텍스트 요소에 영향을줍니다.

8. 파일을 저장하면 변경 사항이 열려있는 모든 파일 / 탭에 즉시 적용됩니다.

노트

Sublime은 이러한 색상 스타일을 처리합니다. 아마도 더 많을 것입니다.

hsla = 색조, 채도, 밝기, 알파 rgba = 빨강, 녹색, 파랑, 알파

hsla (151, 100 %, 41 %, 1)-마지막 매개 변수는 알파 수준 (투명도) 1 = 불투명, 0.5 = 반투명, 0 = 완전 투명

hsl (151, 100 %, 41 %)-알파 채널 없음

rgba (0, 209, 108, 1)-알파 채널이있는 rgb

rgb (0, 209, 108)-알파 채널 없음