Sublime 2/3에서 언어에 대한 구문 강조 표시 변경 / 추가

lottogame 2020. 9. 3. 23:40

Sublime 2/3에서 언어에 대한 구문 강조 표시 변경 / 추가

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

예를 들어 thisJavaScript로 키워드를 채색 하고 싶습니다 .

어떻게 할 수 있습니까?

에 기본 설정 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

네온 테마로 강조 표시된 jQuery

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

최신 정보

Of late I've discovered another JavaScript replacement language definition - JavaScriptNext - ES6 Syntax. It has more scopes than the base JavaScript or even Better JavaScript. It looks like this on the same code:


Also, since I originally wrote this answer, @skuroda has released PackageResourceViewer via Package Control. It allows you to seamlessly view, edit and/or extract parts of or entire .sublime-package packages. So, if you choose, you can directly edit the color schemes included with Sublime.


With the release of nearly all of the default packages on Github, changes have been coming fast and furiously. The old JS syntax has been completely rewritten to include the best parts of JavaScript Next ES6 Syntax, and now is as fully ES6-compatible as can be. A ton of other changes have been made to cover corner and edge cases, improve consistency, and just overall make it better. The new syntax has been included in the (at this time) latest dev build 3111.

If you'd like to use any of the new syntaxes with the current beta build 3103, simply clone the Github repo someplace and link the JavaScript (or whatever language(s) you want) into your Packages directory - find it on your system by selecting Preferences -> Browse Packages.... Then, simply do a git pull in the original repo directory from time to time to refresh any changes, and you can enjoy the latest and greatest! I should note that the repo uses the new .sublime-syntax format instead of the old .tmLanguage one, so they will not work with ST3 builds prior to 3084, or with ST2 (in both cases, you should have upgraded to the latest beta or dev build anyway).

I'm currently tweaking my Neon Color Scheme to handle all of the new scopes in the new JS syntax, but most should be covered already.

I finally found a way to customize the given Themes.

Go to C:\Program Files\Sublime Text 3\Packages and copy + rename Color Scheme - Default.sublime-package to Color Scheme - Afterwards unzip it and copy the Theme, you want to change to %APPDATA%\Sublime Text 3\Packages\User. (In my case, All Hallow's Eve.tmTheme).

Then you can open it with any Text Editor and change / add something, for example for changing this in JavaScript:

    <string>Lang Variable</string>

This will mark this in JavaScript Files red. You can select your Theme under Preferences -> Color Scheme -> User -> <Your Name>.

Use the PackageResourceViewer plugin installed via Package Control (as mentioned by MattDMo). This allows you to override the compressed resources by simply opening it in Sublime Text and saving the file. It automatically saves only the edited resources to %APPDATA%/Roaming/Sublime Text 3/Packages/ or ~/.config/sublime-text-3/Packages/.

Specific to the op, once the plugin is installed, execute the PackageResourceViewer: Open Resource command. Then select JavaScript followed by JavaScript.tmLanguage. This will open an xml file in the editor. You can edit any of the language definitions and save the file. This will write an override copy of the JavaScript.tmLanguage file in the user directory.

The same method can be used to edit the language definition of any language in the system.

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

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

참고 URL :