Visual Studio Code의 Markdown 확장 편리한 기능 요약

Qiita Blog 및 GitHub의 README와 같은 Markdown 형식으로 기사를 작성하는 것이 많았습니다. Markdown 형식의 문서를 작성할 때 유용한 도구는 여러 가지가 있지만, 내가 좋아하는 것은 "Visual Studio Code"의 "Markdown Editor"와 "Markdown Shortcuts"를 조합하여 사용하는 방법입니다.

추가 기능 설치



다음 링크에서 두 가지 기능을 설치합니다. Visual Studio Code에서 직접 설치해도 괜찮습니다.
Markdown Editor

Markdown Shortcuts


편리한 바로 가기 기능 3 선



두 가지 추가 기능을 설치하면 다양한 바로 가기 기능을 사용하지만 개인적으로 훌륭하고 편리하다고 생각하는 기능을 소개합니다.

미리보기 페이지 표시/탭 전환



미리보기보기 : Ctrl + Shift + v탭 전환 : Ctrl + Tab
이것은 꽤 사용합니다. Visual Studio Code의 Markdown Editor를 설치하면 Markdown의 미리보기를 볼 수 있습니다. 미리보기를 연 후에는 탭을 전환하면서 편집합니다.


URLs 생성 바로 가기



URL 링크를 작성할 때는 [] 이나 () 를 입력하지 않으면 안되므로, 조금 귀찮습니다. 그래서 Markdown Shortcuts 바로 가기를 사용합니다.

링크를 설정할 텍스트를 선택하고 Ctrl + L


바삭바삭하고 텍스트를 둘러싸기 때문에 매우 편리합니다.

Bullet Point 생성 바로 가기



Bullet Point를 넣으려면 * 이것도 Markdown Shortcut 바로 가기로 해결할 수 있습니다.

Bullet에 원하는 범위를 선택하고 Ctrl + M , Ctrl + B


이제 여러 줄을 모아서 Bullet로 만들었습니다.

기타 단축키



기타 바로 가기는 다음과 같은 것이 있습니다.


이름
Description
Default key binding


md-shortcut.showCommandPalette
Display all commands
ctrl+M ctrl+M

md-shortcut.toggleBold
Make bold

ctrl+B

md-shortcut.toggleItalic
Make italic

ctrl+I

md-shortcut.toggleStrikethrough
Make strikethrough


md-shortcut.toggleLink
Make a hyperlink

ctrl+L

md-shortcut.toggleImage
Make an image
ctrl+shift+L

md-shortcut.toggleCodeBlock
Make a code block
ctrl+M ctrl+C

md-shortcut.toggleInlineCode
Make inline code
ctrl+M ctrl+I

md-shortcut.toggleBullets
Make * bullet point
ctrl+M ctrl+B

md-shortcut.toggleNumbers
Make 1. numbered list
ctrl+M ctrl+1

md-shortcut.toggleCheckboxes
Make - [ ] check list (Github flavored markdown)
ctrl+M ctrl+X

md-shortcut.toggleTitleH1
Toggle # H1 title

md-shortcut.toggleTitleH2
Toggle ## H2 title

md-shortcut.toggleTitleH3
Toggle ### H3 title

md-shortcut.toggleTitleH4
Toggle #### H4 title

md-shortcut.toggleTitleH5
Toggle ##### H5 title

md-shortcut.toggleTitleH6
Toggle ###### H6 title

md-shortcut.addTable
Add Tabular values

md-shortcut.addTableWithHeader
Add Tabular values ​​with header



참고 정보 : Markdown Shortcut

Qiita Blog 초안용으로 꼭 사용해 보세요!

좋은 웹페이지 즐겨찾기