VS 코드에서 태그 줄 바꿈을 수행하는 방법은 무엇입니까?

선택한 html을 VS 코드의 태그로 래핑하고 싶습니다. 어떻게합니까?

임베디드 Emmet 이 트릭을 수행 할 수 있습니다.

1. 텍스트 선택 (선택 사항)
2. 명령 팔레트 열기 (일반적으로 Ctrl+ Shift+ P)
3. 실행 Emmet: Wrap with Abbreviation
4. 태그 div(또는 약어 .wrapper>p)를 입력하십시오
5. 히트 Enter

키 바인딩에 명령을 할당 할 수 있습니다.

이 것은 심지어 인수 전달을 지원합니다.

{
    "key": "ctrl+shift+9",
    "command": "editor.emmet.action.wrapWithAbbreviation",
    "when": "editorHasSelection",
    "args": {
        "abbreviation": "span"
    }
},

다음과 같이 사용하십시오.

• span.myCssClass
• span#myCssId
• b
• b.myCssClass

VSCode 시장에 빠른 검색 : https://marketplace.visualstudio.com/items/bradgashler.htmltagwrap .

1. VS 코드 빠른 열기 시작 ( Ctrl+ P)

2. 붙여 넣기 ext install htmltagwrap및 입력

3. HTML을 선택하십시오

4. Alt+ W( Mac의 경우 Option+) W를 누릅니다 .

나는 말할 수 없으므로 Alex의 환상적인 답변을 확장 할 것입니다.

줄 바꿈에 대한 숭고한 경험을 원한다면 키 맵 확장 (환경 설정> 키 맵 확장 [ Cmd+ K Cmd+ M])을 열고 다음 객체를 추가하십시오.

{
    "key": "alt+w",
    "command": "editor.emmet.action.wrapIndividualLinesWithAbbreviation",
    "when": "editorHasSelection && editorTextFocus"
}

텍스트를 선택할 때 Emmet wrap 명령을 Alt+에 바인딩합니다.W

(OSX 전용 지침 만 해당)

1. ⌘ Command+ k ⌘ Command+ 를 입력하여 키보드 단축키를 s열거 나Code > Preferences > Keyboard Shortcuts
2. 유형 emmet wrap
3. "Emmet : 약어로 줄 바꿈"왼쪽의 더하기 부호를 클릭하십시오.
4. 타입 ⌥ Option+w
5. 프레스 Enter

스 니펫을 사용하여 이에 대한 더 나은 답변이 있습니다.

다음과 같은 정의로 스 니펫을 만듭니다.

"name_of_your_snippet": {
    "scope": "javascript,html",
    "prefix": "name_of_your_snippet",
    "body": "<${0:b}>$TM_SELECTED_TEXT</${0:b}>"
}

그런 다음 keybindings.json의 키에 바인딩하십시오.

{ 
    "key": "alt+w",
    "command": "editor.action.insertSnippet",
    "args": { "name": "name_of_your_snippet" }
}

이것이 htmltagwrap과 정확히 동일한 결과를 제공하지만 확장을 설치하지 않아도 될 것이라고 생각합니다.

선택한 텍스트 주위에 태그를 삽입하고 기본적으로 <b>태그 를 지정하고 태그를 선택하므로 입력하면 변경할 수 있습니다.

다른 기본 태그를 사용 하려면 스 니펫 b의 body속성을 변경하십시오 .