VSCode를 사용하여 AsciiDoc 파일을 어떻게하고 싶습니까?

만들거나 편집하고 싶습니다

1 + 미리보기를 표시하고 싶습니다

2 + HTML로 출력하고 싶습니다

하지만 1이라면 텍스트 편집기만으로도 충분합니다. AsciiDoc 파일은 텍스트
로 작성되었으므로.

설치할 것

이것만으로 좋다.

Visual Studio Code 본문

Visual Studio Code 확장 프로그램: AsciiDoc

다음 그림 빨간색 프레임 부분("Windows"둘레)을 클릭합니다. exe 다운로드가 시작되기 때문에 완료까지 기다립니다.

다운로드된 exe(※)를 더블 클릭하여 열어 설치를 시작한다.
※ 2020 년 6 월 6 일 현재 64 비트 PC에서는 VSCodeUserSetup-x64-1.45.1.exe

그리고는, 표시되는 다이얼로그에 따라 인스톨을 진행해 나가면, 완료한다.

Visual Studio Code를 시작합니다.

윈도우 왼쪽 가운데에 있는 확장 기능 아이콘

을 클릭합니다.

커서가 검색 창 안으로 이동하므로 "AsciiDoc"을 입력합니다.

빨간색 아이콘 물건

을 선택하고 Install을 클릭한다.

Visual Studio Code를 다시 시작합니다.

Visual Studio Code를 시작합니다.

상단 왼쪽 메뉴 [File] → [New File]을 클릭하여 Untitled-1의 탭을 엽니 다.

계속해서 [File] → [Save]를 클릭하여 test.adoc로 저장합니다.

test.adoc의 첫 번째 줄에 다음 내용을 복사하여 붙여 넣습니다.

test.adoc

= タイトル文字列

== はじめに

はじめの文章など。

== 概要

. これと
. これが
. これで

오른쪽 상단의 "Open Preview to the Side"아이콘

을 클릭합니다.

다음과 같은 미리보기가 표시되면 OK.

Visual Studio Code를 시작하고 test.adoc을 엽니다.

위쪽 메뉴 [View] → [Command Palette]를 클릭합니다.

AsciiDoc: Save HTML Document를 입력하고 Enter 키를 누르면 test.adoc과 같은 폴더에 test.html이 생성됩니다. 이것을 Chrome이나 Safari 등의 브라우저에서 열면 OK.

Visual Studio Code에서 AsciiDoc을 열고 편집, 미리보기, HTML 출력을 할 수 있다는 것을 알았습니다.

이 문제에 관하여(Visual Studio Code에서 AsciiDoc), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/takoyakitabeo/items/bbe5deabaf351ffc5b14

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다