Visual Studio Code에서 구문 강조를위한 언어를 수동으로 설정하는 방법


347

혼란이 시작되기 전에이 질문은 새로운 경량 Visual Studio Editor 인 Code에 관한 것입니다. https://code.visualstudio.com/ 에서 얻을 수 있습니다.

CSS가있는 텍스트 파일 (.txt)이 있으며 구문 강조를 원합니다. + +로 명령 팔레트 수 있습니다 . 그러나 Sublime과 같은 구문을 설정할 수 없습니다.ctrlshiftp

텍스트 파일에서 CSS 색상을 표시하는 다른 방법이 있습니까?


더 강조하기 위해 여기의 솔루션은 Visual Studio에 슬프게도 적용되지 않습니다 . 방금 오늘 Visual Studio Code의 존재에 대해 배웠습니다. 일반 Visual Studio에서 유사한 언어 모드 스위치를 채택하면 좋을 것입니다. 오 마이크로 소프트 ...
Mr.Z

답변:


589

맨 아래 오른쪽 모서리에는 웃는 얼굴 왼쪽에 "일반 텍스트"라는 아이콘이 있습니다. 클릭하면 원하는 언어를 선택할 수있는 모든 언어가있는 메뉴가 나타납니다.

VSCode


9
Ctrl + K, Ctrl + M 및 Ctrl + K, M : 너무 혼동됩니다. 이 솔루션은 훌륭합니다!
Upendra

24
Omg, 왜 명령 팔레트의 일부가 아닌가!? 나는 거기에 감사합니다 :) 그것을 발견하지 못했을
jaredwilli

3
이 확장명을 가진 파일이 항상 형식을 사용하도록하려면 어떻게합니까?
frumbert

18
나는 그 빨간 화살표를 좋아한다.
Henning Fischer

1
기존 단축키는 실제로 어리 석습니다. 내가 키보드 단축키로했다 "언어 변경 모드"를 설정 바로 가기를 발견에 cmd+opt+p있는 매우 숭고한과 동일하지만, K + M보다 근육의 메모리를 훨씬 더 쉽게하지
매트 플레처

280

를 누른 Ctrl + KM다음 원하는 언어를 입력하거나 클릭하십시오.

또는 명령 팔레트에서 액세스하려면 아래와 같이 "언어 모드 변경"을 찾으십시오.

여기에 이미지 설명을 입력하십시오


43
Extensions 패널이 표시되면 Ctrl + K, M 대신 Ctrl + K, Ctrl + M을 누르는 것일 수 있습니다.
Chris

14
Mac에서 cmd + KM
Adam Parkin

6
@ gitsitgo, KM의 의미는 무엇입니까?
Pacerier

1
macOS : shift + cmd + P
gderaco

9
이름을 "구문 강조 표시 변경"으로 변경해야합니다.
Simon Somlai

32

사람들이 구문 강조 기능을 사용하기 어려워하는 또 다른 이유는 적절한 구문 패키지가 설치되어 있지 않기 때문입니다. 일부 기본 구문 패키지 (예 : Swift, C, JS, CSS)는 사전 설치되어 있지만 다른 패키지는 사용하지 못할 수 있습니다.

이 문제를 해결하려면 Cmd + Shift + P→ "확장 프로그램 설치"→ 추가 할 언어를 찾으십시오 (예 : "Scala").

여기에 이미지 설명을 입력하십시오

적합한 구문 패키지를 찾아서 설치 한 후 다시로드하십시오. 이것은 사전 정의 된 확장자를 가진 파일, 즉 .scala이 경우 파일에 대한 올바른 구문을 선택합니다 .

또한 VS Code가 특정 사용자 지정 확장명을 가진 모든 파일을 원하는 언어로 취급하도록 할 수 있습니다. 모든 *.es파일을 JavaScript 로 강조 표시 한 다음 "사용자 설정"( Cmd + Shift + P→ "사용자 설정")을 열고 다음 과 같이 사용자 정의 파일 연결을 구성 한다고 가정 합니다.

  "files.associations": {
    "*.es": "javascript"
  },

5
감사합니다 - files.associations 내가 무엇 후
statler

1
파일 연결 tidbit를 사용하여 쿠키를 얻습니다. 감사합니다!
user188757

19

사용자 정의 파일 확장자에 대한 구문 강조

사용자 정의 파일 확장자는 custom files association다음과 같이 사용자 설정에서 표준 구문 강조 표시와 연관 될 수 있습니다 .

영구적 인 구문 강조를위한 파일 연결 설정 변경

이것은 영구적 인 설정입니다. 에서 원하는 언어로 현재 혼자 세션 유형에 대한 설정하려면 Select Language Mode상자 (변경하지 않고 file association설정)

새 구문 패키지 설치

필수 구문 패키지를 기본적으로 사용할 수없는 경우 확장 마켓 플레이스 ( Ctrl+Shift+X) 를 통해 추가하고 언어 패키지를 검색 할 수 있습니다.

위의 단계를 더 재현하여 새 구문 패키지로 파일 확장자를 맵핑 할 수 있습니다.


4

언어 구문을 영구적으로 설정하려면 파일
열기settings.json

*) 모든 txt 파일을 자바 스크립트 형식으로 형식화

"files.associations": {
        "*.txt": "javascript"

 }

*) 저장되지 않은 모든 파일 (제목 -1 등)을 자바 스크립트로 형식화합니다.

"files.associations": {
        "untitled-*": "javascript"

 }

4

"제목 없음"편집기 ( " Untitled-1", " Untitled-2")의 경우 이제 설정에서 언어를 설정할 수 있습니다.

이전 설정은 다음과 같습니다.

"files.associations": {
        "untitled-*": "javascript"
 }

VSCode 1.42 (Q1 2020)를 사용하면 제목없는 편집기의 제목이 변경 되므로 더 이상 항상 작동하지는 않습니다 . 제목은 이제 될 것 에디터 타이틀 문서의 첫 번째 줄 에 대한 설명의 일부로서 총칭 함께. 더 이상 " "(으)로 시작하지 않습니다

untitled-

" 제목없는 편집기 개선 사항 "을 참조하십시오.

해당 "제목없는"편집기의 관련 언어와 관련하여 :

기본적으로 제목없는 파일에는 특정 언어 모드가 구성되어 있지 않습니다.

VS Code에는 files.defaultLanguage제목없는 파일의 기본 언어를 구성하기위한 설정이 있습니다.

이 릴리스에서는 설정 이 고정 된 기본값 대신 현재 활성화 된 편집기의 언어 모드를 동적으로 사용 하는 새로운 값 {activeEditorLanguage}을 사용할 수 있습니다 .

또한 텍스트를 제목없는 편집기에 복사하여 붙여 넣을 때 VS 코드 편집기에서 텍스트를 복사 한 경우 VS 코드는 제목없는 편집기의 언어 모드를 자동으로 변경합니다.

https://media.githubusercontent.com/media/microsoft/vscode-docs/vnext/release-notes/images/1_42/untitled-copy2.gif

workbench.editor.untitled.labelFormatVSCode 1.43을 참조하십시오 .

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.