여보게, 동료들아!이것은 나의 첫 번째 게시물이다.VS 코드는 전 세계 수백만 개발자들이 사용하는 강력한 편집기입니다.나의 경험에 의하면 내가 아는 대부분의 사용자들은 하나의 주제만 설치하는데 이것이 바로 그들의 모든 맞춤형 제작이다!그래서 제 첫 번째 댓글로 제가 어떻게 VS코드를 맞춤형으로 만드는지 보여드리겠습니다.언제든지 어떤 댓글도 남겨주시고 사용자 정의를 공유하세요!
재미있는 사실: 일부 학우들에게 우리는'Hay que afilar el 곡도'라는 속담이 있다. 뜻은'쾌속 곡도'또는'쾌속 칼'이다. 기본적인 뜻은 당신의 작업 도구를 쾌속시키는 것이다.

테마 및 아이콘

우리가 VS 코드를 설치할 때 가장 먼저 해야 할 일 중 하나는 정확한 주제를 찾는 것이다.나 자신도 짙은 색 테마 사용자이지만, 내가 언급하고자 하는 테마는 검은색, 흰색, 심지어 빨간색의 여러 가지 옵션을 포함한다!이러한 주제는 다음과 같습니다.

진한 + 소재 (현재 설치 중).

재료 테마

드라큘라 정부

아이콘에 대해서도 나는 두 가지 옵션을 좋아하고 항상 어떤 것을 사용할지 결정하기 어렵다.

재료 아이콘 테마

vscode 아이콘

확장

나는 반드시 갖추어야 할 두 가지 확장이 있다.

스탠드 착색기

실시간 공유

괄호 대색기는 (), {} 및 []의 각 음영처리를 통해 사용자를 돕기 때문에 사용자가 있는 범위를 추적하고 사용자가 있는 범위의 주체를 강조할 수 있습니다.Live Share는 팀원들과 원격으로 작업할 수 있는 강력한 도구입니다.최신 버전의 Live Share에는 채팅과 오디오 공유가 포함되어 있습니다.제가 사용하는 또 다른 두 가지 유용한 확장은 Eslint와 Prettier입니다. 이것은 React 프로젝트에 사용됩니다.다음은 그들의 안내서를 어떻게 설정하는가!

아이템 더 이상 사용 불가

VS 코드 시장에서 위의 모든 콘텐츠를 직접 설치할 수 있습니다.

설정 편집(JSON)

이제 재밌는 부분으로!VS 코드의 모든 설정을 포함하는 JSON을 편집합니다.걱정하지 마라, 폭발할 것은 없다.이 JSON 파일에 액세스하려면 컴퓨터에서 F1을 클릭하고 설정(JSON)을 입력합니다.

주의: 일부 주제는 이 JSON을 수정했기 때문에 일부 설정은 작성하지 않았으면 걱정하지 마십시오.사용자 정의 설정을 변경한 후에 파일을 저장하는 것을 기억하십시오.

FiraCode 코드

FiraCode는 아주 좋은 연자 글씨체입니다!Windows와 Ubuntu에 FiraCode를 설치하는 지침입니다!

Windows 및 Ubuntu에 FiraCode 설치

Josué Rodríguez(그/그)・ 20년1월13일・ 2분 읽기

#firacode #fonts #windows #ubuntu

VS 코드에서 Firacode를 사용하려면 설정 JSON에 다음 행을 추가합니다.

{
  "editor.fontFamily": "Fira Code",
  "editor.fontLigatures": true 
}

작은 지도를 렌더링하다

VS 코드의 작은 지도는 매우 유용하고 읽을 수 없다.그렇다면 왜 캐릭터를 과장하는 데 신경을 써야 하는가?다음 행을 JSON에 추가하여 렌더링 옵션을 비활성화하여 작은 지도를 더 잘 볼 수 있습니다.

{
  "editor.minimap.renderCharacters": false
}

다음은 렌더링되지 않은 작은 지도의 모양입니다.

커서 모양 및 비헤이비어 사용자 정의

JSON 파일에 행을 추가하여 커서를 사용자 정의할 수 있습니다.다음과 같이 구성합니다.

{
  "editor.cursorBlinking": "expand",
  "editor.cursorSmoothCaretAnimation": true,
  "editor.cursorStyle":"line",
  "editor.cursorWidth": 2
}

더 적합한 것을 찾기 위해 커서 링크와 커서 스타일을 사용하도록 권장합니다.blink,expand,phase,smooth 또는solid 사용자 정의 커서 링크를 사용하고block,blockoutline,line,linethin,underline 또는underlinethin으로 사용자 정의 커서 스타일을 사용할 수 있습니다.

주석 색상 변경

때때로 우리는 가능한 한 빨리 평론을 찾아야 한다. 그렇다면 그것들에게 얄미운 밝은 색을 주는 것보다 더 좋은 방법은 무엇일까?이 줄을 JSON 파일에 추가하려면 16진수만 선택하면 됩니다.

{
  "editor.tokenColorCustomizations": {
    "comments": "#00ff00"
  }
}

메서드와 함수 이름을 굵게 만들기

마지막으로, 우리는 내가 가장 좋아하는 맞춤형 제작에 왔다!이것은 내가 필요로 하는 맞춤형 유형을 모르는 것이다. 지금 나는 그것이 있다. 나는 그것이 없으면 안 된다.방법과 함수 이름을 굵게 하면 그것들이 보기 좋고 코드에서 식별하기 쉽다.다음은 JSON입니다.

{
  "editor.tokenColorCustomizations": {
    "textMateRules": [{
      "scope": [
        "entity.name.function",
        "entity.name.method",
      ],
      "settings": {
        "fontStyle": "bold"
      }
    }]
  }
}

엔티티 옵션을 사용하여 추가할 수 있는 여러 가지 옵션이 있습니다.

결론

이것은 나의 JSON:

{
  "editor.minimap.renderCharacters": false,
  "editor.cursorBlinking": "expand",
  "editor.cursorSmoothCaretAnimation": true,
  "editor.cursorStyle":"line",
  "editor.cursorWidth": 2,
  "editor.fontFamily": "Fira Code",
  "editor.fontLigatures": true,
  "editor.tokenColorCustomizations": {
    "comments": "#00ff00",
    "textMateRules": [{
      "scope": [
        "entity.name.function",
        "entity.name.method",
      ],
      "settings": {
        "fontStyle": "bold"
      }
    }]
 }
}

이렇게!만약 당신이 다른 맞춤형 제작을 알고 있다면, 언제든지 평론에서 나와 공유해 주십시오!