vscode 설정 Fira코드 글꼴 및 편집기 글꼴,배경 색상 변경 코드 상세 설명

1.Fira 설정코드 글꼴
1.글꼴 다운로드
여기에 github 다운로드 링크 를 드 립 니 다.링크 를 클릭 한 후 README.md 의 다운로드&Install 란 에서 다운로드 할 수 있 습 니 다.링크 에 도 글꼴 예제 와 소 개 를 포함 하여 자체 적 으로 볼 수 있 습 니 다.
Fira_코드 글꼴 다운로드
2,글꼴 설치
다운로드 하고 압축 을 풀 고 안에 있 는 ttf 폴 더 에 들 어가 서 더 블 클릭 하거나 우 클릭 한 후에 설 치 를 클릭 합 니 다.그 안에 6 가지 스타일 이 포함 되 어 있 으 며 선택 적 으로 설치 하거나 모두 설치 할 수 있 습 니 다.
3,vscode 설정
vscode 를 열 고 왼쪽 아래 기어 모양 아이콘 을 클릭 하여 settings 를 선택 하여 다음 그림 과 같은 인터페이스 를 얻 을 수 있 습 니 다.

위의 그림 화살표 에서 보 듯 이 Font,Edit in settings.json 을 차례로 클릭 하여 다음 코드 를 추가 합 니 다.

"editor.fontFamily": "'Fira Code',Menlo, Monaco, 'Courier New', monospace",
"editor.fontLigatures": true,

주:{}의 맨 뒤에 추가 하려 면 true 뒤의 쉼표

를 제거 해 야 합 니 다.

연 자 를 사용 하지 않 으 려 면 true 를 false 로 바 꿉 니 다.연 자 를 사용 하면≠)

2.글꼴 색상 설정
테 마 를 바 꾸 어 글꼴 색상 을 바 꿀 수 있 습 니 다.클래식 한 테 마 를 추천 합 니 다.

One Dark Pro Italic

Material Theme

One Dark Pro

Darker One

vscode 왼쪽 Extensions 에서 직접 검색 하여 설치 하면 사용 할 수 있 습 니 다.다른 테 마 를 시도 하려 면 One 을 입력 하여 검색 할 수 있 습 니 다.많은 테 마 는 항상 당신 에 게 적합 합 니 다.
3.편집기 배경 색상 및 커서 에 있 는 색상 설정
검은색 배경 을 사용 하 는 습관 이 있 었 지만 테 마 를 바 꾸 면 배경 이 바 뀌 기 때문에 사용자 정의 배경 색 을 설정 할 수 있 습 니 다.
위의 절차 에 따라 settings.json 을 열 고 다음 설정 을 추가 합 니 다.

"workbench.colorCustomizations": {        //             
  
  "editor.background": "#030202",        //      

  "editor.selectionBackground": "#6b5244",     //           
  
  "editor.findMatchBackground": "#ff0000",     //         
  
  "editor.findMatchHighlightBackground": "#ff00ff",   //          
 
  "editor.findRangeHighlightBackground": "#ff9900",   //         
 
  "editor.lineHighlightBackground": "#48314e",    //              
  
  "editor.lineHighlightBorder": "#704b36"      //              
 },

다음은 효과 도 를 보 여 줍 니 다.독 자 는 자신 이 좋아 하 는 색깔 을 사용자 정의 할 수 있 습 니 다.

총결산
vscode 설정 FiraCode 글꼴 및 편집기 글꼴,배경 색 을 바 꾸 는 코드 에 대한 자세 한 설명 은 여기까지 입 니 다.vscode 설정 FiraCode 글꼴 내용 은 저희 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 찾 아 보 세 요.앞으로 도 많은 응원 부 탁 드 리 겠 습 니 다!