환경 구축에 대해 알게 된 (가지고있는 것)을 적습니다.
AsciiDoc 역사는 며칠입니다.

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

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

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

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

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

설치할 것

이것만으로 좋다.

Visual Studio Code 본문

Visual Studio Code 확장 프로그램: AsciiDoc

설치 절차

Visual Studio Code 본문

Visual Studio Code 다운로드 사이트 htps : // 여기.ゔぃすあ lsつぢお。 코 m / 도 w 응 아 d로 이동합니다.

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

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

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

확장 기능: AsciiDoc

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.

HTML 출력

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 출력을 할 수 있다는 것을 알았습니다.

참고

☆ 참고로 했습니다. 감사합니다.
htps : // m / x me / ms / 667 a 8b8 a 0f982 a 123 a
htps : // 코 m / 타미 쿠라 @ gi te b / ms / 5d3f62 55617 네 42 b