VSCode가 HTML을 자동 완성하지 않음


85

Windows 7에 새로 설치된 Visual Studio Code에 문제가 있습니다. Mac에서는 편집기가 html 태그를 자동으로 닫지 만 Win7에서는 그렇지 않습니다. 전원을 켤 수있는 옵션이 있어야한다고 생각하지만 아무것도 찾을 수 없습니다.

나는 예를 들어 이야기하고 있습니다. <htmlintelliSense를 작성 하면 팝업창이 뜨고 엔터를 클릭하면 보통 자동으로 </html>광산에서 작동하지 않습니다. (IntelliSense가 표시되지만 옵션 중 하나를 선택하면 태그가 자동으로 닫히지 않습니다. <h1> -> </h1>)


1. 자동 닫기 태그를 사용할 수 있으며 요구 사항을 채울 수 있습니다 .
jialin의 왕

2
2.enter 같은 태그 이름 DIV , 다음 입력 키를 두 번, 그것은 whoe 태그를 자동으로 완성됩니다 -----> <DIV> </ DIV>
jialin의 왕

답변:


40

로부터 0.3.0 릴리스 노트

태그의 HTML 자동 닫기가 이제 제거되었으며 .NET에서 더 스마트 한 IntelliSense로 대체되었습니다 </.


5
아, 그건 내가 바라던 게 아니야. 다시 가져올 방법이 있습니까? 일부 파일을 수정하거나 다운로드 하시겠습니까? VSCode를 사용하고 싶지만 자동 완성 기능이 있습니다. 감사.
Harvey3589661

56
나도 이것을 찾고 있었지만 0.10.6에서 탭을 사용하는 것이 좋습니다. 예를 들어 div(없이 <>) 입력 한 다음 탭을 곧바로 누르면 <div></div>. 정확히 동일하지는 않지만 유용 할 수 있습니다. Doco for these 지름길 (emmet) 여기
peterc dec.

3
예, 그것은 Emmet 때문입니다. Emmet은 중괄호없이 요소 이름을 입력하고 필요한 것을 추가합니다. 정말 강력합니다.
John Papa

1
이것은 VS Code 1.5.3에서 작동하지 않습니다. <div> then </을 입력하면 태그가 닫히거나 완성되지 않습니다. 내가 여기에 빠진 것이 있습니까?
마이클 조반니 Pumo

2
최신 업데이트 후에는 탭 div없이 입력 <>한 다음 탭을 누르는 것이 더 이상 작동하지 않습니다. 이것을 다시 활성화하는 방법이 있습니까?
Kokodoko 2017 년

170

시작하지 않고 태그 이름을 입력 한 <다음 Tab 키를 누릅니다.

예를 들어 입력 div한 다음 탭을 누르면 VS가<div></div>

또는 여는 태그를 입력 한 다음 Tab 키를 두 번 누릅니다.

예 :

  1. 유형 <div
  2. Tab 누르기
  3. Tab 누르기

닫는 태그를 추가합니다.


2
자동 종료 태그 (예 : <input />)는 어떻습니까?
Randall Flagg

1
입력을 입력하고 Tab 키를 두 번 누르면 VS Code가 <input type = "text">로 자동 완성합니다.
Amit Mittal

1
이것이 Emmet 기능의 일부라고 덧붙이고 싶을뿐입니다. 태그 쌍뿐만 아니라 더 복잡한 HTML 구조를 쉽게 생성 할 수 있습니다. 예를 들어 이를 읽 거나 Emmet의 경우 google을 읽을 수 있습니다 .
Alex Che

@Rabolf VS Code에 대한 다른 멋진 HMTL 단축키를 언급 할 수 있습니까?
eMad

@eMAD 불행히도 VS 코드를 계속 사용하지 않았습니다
Rabolf

52

나는 같은 문제를 겪고 있었는데, 그 다음 vs 코드의 오른쪽 하단에 뭔가를 보았습니다. HTML을 사용하는 대신 Django-HTML을 사용하고 있었기 때문에 언어를 html로 변경했습니다. Boom 모든 것이 다시 잘 작동합니다. 이미지보기


비슷한 문제가 있었지만 제 경우에는 HTML을 PHP 파일에 쓰고 있다는 것을 깨달았습니다. 내가있는 한 자동 닫기 태그를 사용할 수 없다고 가정 해 봅시다.
Prometheus 19

21

다음은 멋진 트릭입니다 (실제로 Emmet 약어입니다) .

  • 태그 이름 쓰기 | h1
  • 그 뒤에 별표 추가 | h1*
  • 프레스 | (결과는 )Tab<h1></h1>

­

추신 : - 이것은 또한 같은 자동 폐쇄 태그, 작동 input, img


1
@Kokodoko 네, 그것은 않습니다 :P
ɢʀᴜɴᴛ

즉 ... 나는 그것을 활성화 다시 변경하려면 어떤 설정이 확실하지 않다 ..... 너무 이상 해요
Kokodoko

1
@Kokodoko 당신은 emmet 확장이 설치되어 있어야합니다.
Sudhanshu 2011

작동하지만 *. 1.21.0
Sauce

1
@BlueClouds yes 및 html 약어 지원을 제공하는 모든 항목이 작동합니다. 일반적인 규칙에 따라 최대 설치 수를 사용합니다.
Sudhanshu

15

VS Code 용 으로이 확장 을 사용해 볼 수 있습니다. 자동 닫기 태그 기능을 구현했으며 요구 사항을 충족합니다.

  • 여는 태그의 닫는 괄호를 입력하면 닫는 태그를 자동으로 추가
  • 닫는 태그가 삽입 된 후 커서는 여는 태그와 닫는 태그 사이에 있습니다.

이것이 내가 필요한 것입니다. 이제 대괄호처럼 작동합니다. 감사!
Harvey3589661

예,하지만 이전 버전의 VS Code에서 활성화되었습니다. 이것은 settings.json의 미로의 어딘가에있는 설정이 아닙니까?
Kokodoko 2007 년

7

HTML 파일을 편집하는 동안 VSCode (1.30.2)를 사용하는 Mac Sierra (10.12.6)에서 동일한 문제가 발생했습니다. vscode 문서 https://code.visualstudio.com/docs/languages/html 에 따르면 intellisense는 즉시 작동해야합니다.

"Language Detection"(화면 하단에있는 편집기 상태 표시 줄의 오른쪽 모서리에 있음)이 자동 감지로 설정되고 파일이 django-html. 수동으로 일반 Html로 다시 전환하면 모든 것이 작동합니다.


5
  1. 보도 Ctrl 키 + 시프트 + P는 명령 팔레트를 엽니 다.
  2. 검색기에 '언어 모드 변경'을 입력 하십시오 .
  3. '언어 모드 변경'을 선택합니다 .
  4. 유형 'HTML' 수색자한다.
  5. 그리고 'HTML'을 선택하십시오 (아마도 'django-html로 설정되었을 것입니다).

3

누르기 𝐜𝐭𝐫𝐥+𝐬𝐡𝐢𝐟𝐭+𝐏-> 𝐂𝐡𝐚𝐧𝐠𝐞 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞 𝐌𝐨𝐝𝐞-> 𝐭𝐮𝐭𝐮𝐭𝐮𝐭𝐮

그것은 나를 위해 작동합니다.


1
나는이 대답에 새로운 아무것도 표시되지 않습니다
베가

2

파일> 환경 설정> 키맵, '자동 닫기'를 검색하고 설치를 클릭하십시오. 작동하지 않으면 플러그인을 다시로드하십시오.


1

나는 같은 문제로 고통 받고 있었고, JavaScript (SE) 확장과 함께 VS Code에서 불필요한 확장을 제거했고 그것은 나를 위해 일했습니다.


0

Ctrl + Shift + P명령을 열려면 누릅니다 . 그런 다음 Change Language Mode선택 HTML또는 기타 원하는 언어를 입력하십시오.


0

그냥 vscode의 바닥을 확인하고 표시되었을 수 있습니다 HTML에 장고 - HTML을 언어 모드를 변경하거나 Ctrl 키 + Shift + P는 언어 모드 변경을 클릭하여 스크린 샷을

이제 [!] + TAB를 클릭하세요.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.