[VSCode] MDN 팝업 창 해제 (css 파일에서 MDN 비활성화 코드도 추가)

MDN 예시

코딩을 하다보면 마우스 커서를 올렸을 때 위의 예시처럼 MDN Reference가 팝업 창으로 뜬다. 

작업을 하다보면 거슬릴 때가 많아서 해제를 해보려한다.

 

1. ctrl+shift+p로 검색창 띄우기

 

2. 검색 창에 "Settings" 입력 후 Preferences: Open Settings (JSON) 클릭

 

3. 중괄호 {} 안에 아래의 세가지 값을 추가

{
	"html.hover.documentation": false,
	"html.hover.references": false,
    "editor.codeLens": false
}

4. 다시 코딩 되어있는 부분에 마우스를 올려보면 hover 현상이 나타나지 않음을 볼 수 있다.

기존 두가지 설정(html.~) html 파일에서는 보이지 않았는데, css 파일에서는 여전히 MDN 창이 떴었다. 

따라서 아래 코드를 추가로 넣어주었더니, css 파일에서도 뜨지 않음을 확인하였다.

"editor.codeLens": false

5. 여전히 뜬다면, 하단 왼쪽에 있는 톱니 바퀴 > Settings 를 눌러 mdn을 입력후 체크박스를 모두 해제해준다.

Settings > mdn 검색 후 모든 체크박스 해제

😊