Vscode-theme-onedark: [버그] VSCode v1.43.0 및 v1.43.1 이후 색상 뢈일치

에 λ§Œλ“  2020λ…„ 03μ›” 23일  Β·  4μ½”λ©˜νŠΈ  Β·  좜처: akamud/vscode-theme-onedark

μƒ˜ν”Œ μ½”λ“œ

const adventurer = {
  name:'Alice',
  cat: {
    name:'Dinah'
  }
};

const dogName = adventurer.dog?.name;
console.log(dogName);
// expected output: undefined

console.log(adventurer.someNonExistentMethod?.());

파일 이름 및 μ–Έμ–΄ 선택됨

index.js
μžλ°”μŠ€ν¬λ¦½νŠΈ

Atom μ˜€λ¦¬μ§€λ„ ν…Œλ§ˆ μŠ€ν¬λ¦°μƒ·

VSCode, 5κ°œμ›” μ „
Screenshot_224

VSCode ν…Œλ§ˆ μŠ€ν¬λ¦°μƒ·

VSCode, μ§€κΈˆ
Screenshot_328

μ‚¬μš©λœ 버전

  • VSCode 버전: 1.43.1
  • ν…Œλ§ˆ 버전: 2.2.0

μΆ”κ°€ 정보

λ”°λΌμ„œ 두 μŠ€ν¬λ¦°μƒ·μ€ λͺ¨λ‘ VSCodeμ—μ„œ κ°€μ Έμ˜¨ κ²ƒμž…λ‹ˆλ‹€. 맨 μœ„μ— μžˆλŠ” 것은 5κ°œμ›” 전에 찍은 것이고, 개체 ν‚€ 색상은 νšŒμƒ‰μ΄κ³ , κ·Έ 뒀에 점 ν‘œκΈ°λ²•μ΄ 올 λ•Œ 개체 μžμ²΄λŠ” λΉ¨κ°„μƒ‰μœΌλ‘œ ν‘œμ‹œλ©λ‹ˆλ‹€.

#119와 관련이 μžˆλŠ” 것 같은데 "editor.semanticHighlighting.enabled": false 섀정해도 λ¬Έμ œκ°€ ν•΄κ²°λ˜μ§€ μ•ŠλŠ” 것 κ°™κ³  VSCode와 ν™•μž₯ ν”„λ‘œκ·Έλž¨μ΄ λͺ¨λ‘ μ—…λ°μ΄νŠΈλœ 후에도 λ¬Έμ œκ°€ 계속 λ°œμƒν•©λ‹ˆλ‹€.

Atom의 곡식 Dark One ν…Œλ§ˆκ°€ λ³€κ²½λ˜μ—ˆλŠ”μ§€, μ•„λ‹ˆλ©΄ μ˜λ„ν•˜μ§€ μ•Šμ€ 것인지 ν™•μ‹€ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

invalid

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

였늘 μ—…λ°μ΄νŠΈ ν›„ 이것을 λ°œκ²¬ν•˜κ³  "variable.other.object.js" λ₯Ό λ³€κ²½ν•˜κΈ° μœ„ν•΄ μœ„μ˜ @akamud 에 또 λ‹€λ₯Έ μ œμ•ˆμ„ μΆ”κ°€ν•˜κ³  μ‹Άμ—ˆμŠ΅λ‹ˆλ‹€.

"editor.tokenColorCustomizations": {
    "[Atom One Dark]": {
        "textMateRules": [
            {
                "scope": "variable.other.object.js",
                "settings": {
                    "foreground": "#E06C75"
                },
            },
            {
                "scope": "meta.object-literal.key.js",
                "settings": {
                    "foreground": "#ABB2BF"
                },
            },
        ]
    }
 },

(μ˜¬λ°”λ₯Έ λ°©ν–₯을 μ•Œλ €μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€, @akamud; λ³€κ²½ν•  μ˜¬λ°”λ₯Έ ν•­λͺ©μ„ 맀우 μ‰½κ²Œ 찾을 수 μžˆμ—ˆμŠ΅λ‹ˆλ‹€ πŸ™‚)

λͺ¨λ“  4 λŒ“κΈ€

μ•ˆλ…•ν•˜μ„Έμš” @AbdelrahmanHafez , 문제λ₯Ό μ—΄μ–΄ μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€. μ‹€μ œλ‘œ 이것은 이 μŠ€ν¬λ¦°μƒ·μ—μ„œ λ³Ό 수 μžˆλ“―μ΄ Atom이 μˆ˜λ…„μ— 걸쳐 λ³€κ²½ν•œ κ²ƒμž…λ‹ˆλ‹€.

image

제 λͺ©ν‘œλŠ” 항상 Atom에 μ΅œλŒ€ν•œ κ°€κΉŒμš΄ κ²½ν—˜μ„ μ œκ³΅ν•˜λŠ” κ²ƒμ΄μ—ˆμŠ΅λ‹ˆλ‹€. λ”°λΌμ„œ λΆ€μž‘μš©μ€ VSCode 2.2.0μ—μ„œλ„ λ³€κ²½λ˜μ—ˆλ‹€λŠ” κ²ƒμž…λ‹ˆλ‹€. 이전 λ™μž‘μ„ 되돌리렀면 README에 μ„€λͺ…λœ λŒ€λ‘œ 색상을 μ‚¬μš©μž 지정할 수 μžˆμŠ΅λ‹ˆλ‹€. 이 λ³€κ²½μ˜ μ˜¬λ°”λ₯Έ λ²”μœ„λŠ” λ‹€μŒκ³Ό κ°™μŠ΅λ‹ˆλ‹€.

  "editor.tokenColorCustomizations": {
    "[Atom One Dark]": {
      "textMateRules": [
        {
          "scope": "meta.object-literal.key.js",
          "settings": {
            "foreground": "#ABB2BF"
          },
        }
      ]
    }
}

λ‹€μ‹œ νšŒμƒ‰μœΌλ‘œ ν‘œμ‹œλ˜μ–΄μ•Ό ν•©λ‹ˆλ‹€.

image

console.log 와 같은 λ‹€λ₯Έ 차이점은 λ‹€μŒ λ¦΄λ¦¬μŠ€μ—μ„œ μƒˆλ‘œμš΄ semanticHighlighting λ₯Ό 지원할 λ•Œλ§Œ μˆ˜μ •λ  수 μžˆμŠ΅λ‹ˆλ‹€.

κ°μ‚¬ν•©λ‹ˆλ‹€!

였늘 μ—…λ°μ΄νŠΈ ν›„ 이것을 λ°œκ²¬ν•˜κ³  "variable.other.object.js" λ₯Ό λ³€κ²½ν•˜κΈ° μœ„ν•΄ μœ„μ˜ @akamud 에 또 λ‹€λ₯Έ μ œμ•ˆμ„ μΆ”κ°€ν•˜κ³  μ‹Άμ—ˆμŠ΅λ‹ˆλ‹€.

"editor.tokenColorCustomizations": {
    "[Atom One Dark]": {
        "textMateRules": [
            {
                "scope": "variable.other.object.js",
                "settings": {
                    "foreground": "#E06C75"
                },
            },
            {
                "scope": "meta.object-literal.key.js",
                "settings": {
                    "foreground": "#ABB2BF"
                },
            },
        ]
    }
 },

(μ˜¬λ°”λ₯Έ λ°©ν–₯을 μ•Œλ €μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€, @akamud; λ³€κ²½ν•  μ˜¬λ°”λ₯Έ ν•­λͺ©μ„ 맀우 μ‰½κ²Œ 찾을 수 μžˆμ—ˆμŠ΅λ‹ˆλ‹€ πŸ™‚)

@AbdelrahmanHafez @akamud @saurookadook 정말 κ°μ‚¬ν•©λ‹ˆλ‹€!

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰