Visual Studio Code 확장
개요
학습 · 개발할 때 Visual Studio Cord를 사용하여 코드를 작성하고 있습니다.
학습을 진행하는 동안 불편하다..라고 생각하는 것이 여러가지 나왔습니다.
이번 기사에서는 불편하다고 느끼고 있는 부분과 그것을 해결하기 위한 확장 기능을 3개 공유하고 싶습니다.
목차
1. 터미널의 문자가 작다!
먼저, VSCode 내에서 터미널을 시작할 수 있다는 것을 알고 계십니까?
contol(또는 ctrl)`+``(백 쿼트)로 기동할 수 있습니다.
이것은 Mac 사용자로 US 키보드를 사용하시는 분의 기동 방법인 것 같습니다.
※JIS 키보드에서는 control(또는 ctrl)+shift⇧++
그런데, 기동해 보는 것은 좋지만 문자가 작아 이것이 상당히 스트레스이기도 합니다.
그런 때는.."terminal.integrated.letterSpacing"
및 "terminal.integrated.fontSize"
이 두 가지를 settings.json에 추가하여 터미널의 문자 간격과 글꼴 크기를 사용자 정의 할 수 있습니다.
그런 다음 settings.json을 여는 방법이지만 VSCode 설정으로 이동합니다.
설정으로의 이동은 command (또는 cmd) ⌘++, (쉼표)입니다. ⇩ 화면이 됩니다.
settings.json에서 편집을 찾을 수 없으면 왼쪽 하단> 확장 프로그램을 클릭하십시오.
settings.json에서 편집을 클릭하면 편집 화면이 열립니다.
settings.json{
"diffEditor.ignoreTrimWhitespace": true,
"workbench.startupEditor": "newUntitledFile",
"workbench.iconTheme": "material-icon-theme",
"workbench.editor.enablePreview": false,
"window.zoomLevel": 0,
"editor.minimap.enabled": false,
"editor.fontSize": 16,
"editor.tabSize": 2,
"editor.wordWrap": "on",
"editor.quickSuggestions": true,
"editor.lineHeight": 22,
"editor.renderIndentGuides": true,
"editor.renderLineHighlight": "all",
"terminal.integrated.letterSpacing": 1,
"terminal.integrated.fontSize": 14,
}
자신은 이미 몇 가지 편리한 것을 추기하고 있습니다.
아래에서 2개가 "terminal.integrated.letterSpacing"
와 "terminal.integrated.fontSize"
입니다.
: 다음에 숫자를 입력하여 저장하면 반영됩니다. 마지막으로, (쉼표)를 잊지 마세요.
이제 터미널 문자 작은 문제는 해결입니다!
2. 에디터의 문자가 너무 막혔습니다!
기본적으로 문자가 작거나 줄 높이가 막히거나 장시간 화면을 보면 눈이 피곤합니다.
따라서 편집기의 글꼴 크기와 행 높이를 사용자 정의 할 수 있습니다."editor.fontSize"
와 "editor.lineHeight"
입니다.
이것도 이전처럼 settings.json에 추가하여 사용자 정의 할 수 있습니다.
예 해결!
3. 파일이 너무 많아 찾기 어렵다!
이번 기사에서 가장 말하고 싶었던 것은 이것입니다!
디렉토리가 점점 늘어나고 원하는 파일에 도달하는 데 어려움이 있습니다.
그런 분들에게 꼭 추가하고 싶은 확장 기능이"workbench.iconTheme": "material-icon-theme"
⇩ 이것이 ..
⇩ 이렇게 됩니다.
이 부분만으로는 고마움을 느낄 수 없을지도 모릅니다만, 실제로 도입해 보면 감동합니다.
여기도 settings.json에 추가하여 사용자 정의 할 수 있습니다.
요약
이번은 전부 5개 공유했습니다. 시인성을 높이는 것이 중요합니다.
또 편리한 기능을 찾을 수 있으면 기사로 해 보고 싶습니다. 고마워요.
지적 등 있으면 가르쳐 주시면 다행입니다.
Reference
이 문제에 관하여(Visual Studio Code 확장), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/maca12vel/items/3aaeeb1c9678db870e5a
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
{
"diffEditor.ignoreTrimWhitespace": true,
"workbench.startupEditor": "newUntitledFile",
"workbench.iconTheme": "material-icon-theme",
"workbench.editor.enablePreview": false,
"window.zoomLevel": 0,
"editor.minimap.enabled": false,
"editor.fontSize": 16,
"editor.tabSize": 2,
"editor.wordWrap": "on",
"editor.quickSuggestions": true,
"editor.lineHeight": 22,
"editor.renderIndentGuides": true,
"editor.renderLineHighlight": "all",
"terminal.integrated.letterSpacing": 1,
"terminal.integrated.fontSize": 14,
}
기본적으로 문자가 작거나 줄 높이가 막히거나 장시간 화면을 보면 눈이 피곤합니다.
따라서 편집기의 글꼴 크기와 행 높이를 사용자 정의 할 수 있습니다.
"editor.fontSize"
와 "editor.lineHeight"
입니다.이것도 이전처럼 settings.json에 추가하여 사용자 정의 할 수 있습니다.
예 해결!
3. 파일이 너무 많아 찾기 어렵다!
이번 기사에서 가장 말하고 싶었던 것은 이것입니다!
디렉토리가 점점 늘어나고 원하는 파일에 도달하는 데 어려움이 있습니다.
그런 분들에게 꼭 추가하고 싶은 확장 기능이"workbench.iconTheme": "material-icon-theme"
⇩ 이것이 ..
⇩ 이렇게 됩니다.
이 부분만으로는 고마움을 느낄 수 없을지도 모릅니다만, 실제로 도입해 보면 감동합니다.
여기도 settings.json에 추가하여 사용자 정의 할 수 있습니다.
요약
이번은 전부 5개 공유했습니다. 시인성을 높이는 것이 중요합니다.
또 편리한 기능을 찾을 수 있으면 기사로 해 보고 싶습니다. 고마워요.
지적 등 있으면 가르쳐 주시면 다행입니다.
Reference
이 문제에 관하여(Visual Studio Code 확장), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/maca12vel/items/3aaeeb1c9678db870e5a
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
이번은 전부 5개 공유했습니다. 시인성을 높이는 것이 중요합니다.
또 편리한 기능을 찾을 수 있으면 기사로 해 보고 싶습니다. 고마워요.
지적 등 있으면 가르쳐 주시면 다행입니다.
Reference
이 문제에 관하여(Visual Studio Code 확장), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/maca12vel/items/3aaeeb1c9678db870e5a텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)