> 개발 도구 > VSCode > VS Code 플러그인을 사용하여 완벽한 MarkDown 편집기 만들기

VS Code 플러그인을 사용하여 완벽한 MarkDown 편집기 만들기

autoload
풀어 주다: 2021-03-11 13:51:32
앞으로
6549명이 탐색했습니다.

1. 개요

저는 최근 MarkDown에 푹 빠져서 배우고 있습니다. 첫 번째는 편집자의 선택입니다.사용하기 쉬운 MARKDOWN 편집기 목록
저는 개인적으로 VS Code를 매우 좋아하고 구성 후에는 VS Code는 어떤 MarkDown 편집기보다 뒤떨어지지 않습니다. 물론, 자체 구성이 너무 번거롭다고 생각되면 위 편집기나 를 직접 사용할 수도 있습니다. Typora 편집기. 친구가 사용하고 있고 편집 영역에서 실시간으로 미리보기를 하고 있는데 효과가 아주 좋습니다. MarkDown,所以进行了学习,首先是编辑器的选择,可以参考这篇文章:
好用的MARKDOWN编辑器一览
我本人并没有选择其中的任意一款进行尝试,因为我个人十分喜欢VS Code,而且个人以为配置好后的VS Code不逊色于任何一款MarkDown编辑器,当然,如果觉得自己配置太麻烦的话,也可以直接使用上述编辑器或者Typora这款编辑器,有朋友在用,实时在编辑区预览,效果很不错。

二、插件安装和配置

安装和配置插件的步骤:

-安装Ctrl+Shift+P打开控制命令行,然后如下输入就可以打开插件市场,输入markdown就可以看到所有相关插件:

VS Code 플러그인을 사용하여 완벽한 MarkDown 편집기 만들기

-配置Ctrl+Shift+P打开控制命令行,然后如下输入就可以更改插件配置
第一个选项是json格式的配置文件,第二个选项是使用UI界面打开配置文件,第三个是打开默认的配置文件,所有的配置都在里面,可以复制,但是不可编辑,复制到第一个选项里面即可进行配置,这里打开第一个选项Open Settings(JSON)

VS Code 플러그인을 사용하여 완벽한 MarkDown 편집기 만들기

我安装了如下的所有插件:

VS Code 플러그인을 사용하여 완벽한 MarkDown 편집기 만들기

2.1 markdown-all-in-one

  • 简介:所有你需要写Markdown要用到的(键盘快捷方式,目录,自动预览等)
  • 配置:这个需要配置的不多,基本上默认就好了

2.2 markdown toc

  • 简介:这个插件是用来生成目录
  • 配置
markdown-toc.depthFrom: 生成目录的标题最低级别,默认h1
markdown-toc.depthTo: 生成目录的标题最高级别,默认h6
markdown-toc.insertAnchor: 自动插入链接地址,默认false
markdown-toc.withLinks: 自动插入链接,默认true
markdown-toc.updateOnSave: 自动更新
로그인 후 복사

2.3 markdown+math

  • 简介:此扩展使用$ 分隔符支持内联数学公式,或者使用KaTeX parse error: Can't use function '$' in math mode at position 126: …式不能用,所有的公式必须在’ $̲ $ '或者…$$之中。
  • 配置:不需要配置

2.4 markdown pdf

  • 简介:markdown是不支持pdf输出,需要借助其他办法输出,使用该插件就可以。
    该插件还支持导出为以下格式,只需要在md文件中右键鼠标就可以弹出选项
  • markdown pdf

  • 配置:这个插件共有34条配置,大多数默认就好,以下是常用配置:
markdown-pdf.type: 设置默认导出格式,也就是上图中的第一个选项,默认是pdf
markdown-pdf.outputDirectory: 导出路径
markdown-pdf.outputDirectoryRelativePathFile: 导出相对路径
markdown-pdf.styles: 导出的pdf文件的格式,可以使用本地的绝对路径自定义,也可以使用网上的
markdown-pdf.displayHeaderFooter: 是否显示页眉页脚,默认是true,我改为false,因为默认页眉页脚很丑,
当然也可以使用markdown-pdf.headerTemplate和markdown-pdf.footerTemplate自定义
로그인 후 복사

2.5 Markdown Preview Enhanced

     VS Code 플러그인을 사용하여 완벽한 MarkDown 편집기 만들기出现下图所示:

VS Code 플러그인을 사용하여 완벽한 MarkDown 편집기 만들기

  • 简介:实时预览的插件,很好用,也可以结合上图中的其他程序导出为其他格式,推荐使用pandoc可以导出为word文件、pdfhtml
  • 2. 플러그인 설치 및 구성
  • 플러그인 설치 및 구성 단계:

    -Installation
  • : Ctrl+Shift+P제어 명령 열기 줄을 입력한 후 다음을 입력하세요. 플러그인 마켓을 열고 markdown을 입력하면 관련된 모든 플러그인을 볼 수 있습니다.

여기에 그림 설명 삽입

-

Configuration: Ctrl+Shift+P제어 명령줄을 열고 다음과 같이 입력하여 플러그인 구성을 변경할 수 있습니다.<br> 첫 번째 옵션은 json 형식의 구성 파일이고, 두 번째 옵션은 UI 인터페이스를 사용하여 플러그인을 여는 것입니다. 세 번째 옵션은 기본 구성 파일을 여는 것입니다. 모든 구성이 여기에 들어 있습니다. 복사할 수는 있지만 편집할 수는 없습니다. 여기에서 첫 번째 옵션을 엽니다. 설정(JSON)

여기에 이미지 설명 삽입

다음 플러그인을 모두 설치했습니다. :

플러그인 목록

2.1 markdown-all-in-one

    Introduction: Markdown을 작성하는 데 필요한 모든 것(키보드 단축키, 목차, 자동 미리보기 등) 🎜🎜🎜Configuration🎜: 구성할 것이 많지 않습니다. 기본적으로 기본값은 괜찮습니다.🎜🎜

    2.2 markdown toc

      🎜🎜Introduction🎜: 이 플러그인은 목차를 생성하는 데 사용됩니다. 🎜🎜🎜Configuration🎜: 🎜🎜
"markdown-preview-enhanced.enableTypographer": 是否可以显示流程图,默认false,我调成true,
但是建议画流程图还是使用其他软件,插入图片,另外,即便可以在预览窗口看到流程图,
使用markdown pdf导出为PDF的时候也不能显示。。。。。只能看看。。。。
"markdown-preview-enhanced.previewTheme":设置预览主题,只能设置它给定的几个主题,
默认是 "github-light.css", 但是人的智慧是无穷的使用自己下载的或者自定义的CSS的办法,
请参考我的另一篇教程,链接将会在下面给出。
로그인 후 복사

2.3 markdown+math

    🎜🎜 소개 🎜: 이 확장 프로그램은 $ 구분 기호를 사용하거나 KaTeX 구문 분석 오류: 수학 모드에서 위치 126의 '$' 함수를 사용할 수 없습니다. ...공식을 사용할 수 없습니다. 사용하려면 모든 공식이 ' $̲ $ ' 또는 ...$$에 있어야 합니다. . 🎜🎜🎜Configuration🎜: 구성이 필요하지 않습니다🎜🎜

    2.4 markdown pdf

      🎜🎜Introduction🎜: markdown은 pdf 출력을 지원하지 않습니다. 출력하려면 다른 방법을 사용해야 합니다. 이 플러그를 사용하세요. 안에.
      플러그인은 다음 형식으로의 내보내기도 지원합니다. md 파일을 마우스 오른쪽 버튼으로 클릭하기만 하면 옵션이 표시됩니다.
      🎜🎜

      🎜🎜🎜🎜Configuration🎜: 이 플러그인에는 총 34개의 구성(대부분은 기본)입니다. 다음은 일반적인 구성입니다. 🎜🎜rrreee

      2.5 Markdown Preview Enhanced

      아래와 같이 미리보기 창을 마우스 오른쪽 버튼으로 클릭하세요. h4>

      오른쪽- 미리보기 창을 클릭하세요🎜

        🎜🎜소개🎜: 실시간 미리보기 플러그인은 매우 유용합니다. 위 그림의 다른 프로그램과 결합하여 다른 형식으로 내보낼 수도 있습니다. 권장합니다. pandoc를 사용하여 word 파일, pdf, html 및 기타 형식으로 내보내지만 실제 내보내기 효과는 다음과 같습니다. 이상적이지는 않습니다. 자세가 잘못되었기 때문일 수도 있으며, 자세히 설명하지 않았습니다. 🎜🎜🎜Configuration🎜: 🎜🎜rrreee🎜Markdown Preview Enhanced가 VS Code에서 사용자 정의 CSS를 사용할 수 없는 문제를 해결하세요.🎜🎜 권장: 🎜php tutorial🎜, 🎜php video tutorial🎜🎜🎜🎜

위 내용은 VS Code 플러그인을 사용하여 완벽한 MarkDown 편집기 만들기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:csdn.net
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿