VS Code의 Remote-Containers로 Plant UML 컨테이너 환경 만들기
3678 단어 도커VSCodeRemote-Containersuml
하고 싶은 일
UML 서버를 Docker로 구축하고 VS Code의 확장 기능을 사용하여 편집하고 싶습니다! Remote-Containers를 사용해 간단하게 환경 구축할 수 있으면 기쁘구나!
환경
Remote-Containers
Plant UML
는 컨테이너 안으로 들어갈 때 컨테이너 내에 도입된다.필요한 파일 준비
디렉토리 구성
(root)
│
├─ test.pu
│
└─.devcontainer
devcontainer.json
docker-compose.yml
환경 설정 파일 내용
devcontainer.json{
"name": "dev container",
"dockerComposeFile": "docker-compose.yml",
"service": "plantuml-server",
"workspaceFolder": "/workspace/",
"extensions": [
"jebbs.plantuml",
]
}
docker-compose.ymlversion: '3'
services:
plantuml-server:
image: plantuml/plantuml-server
container_name: plantuml-container
ports:
- "8080:8080"
volumes:
- ..:/workspace:cached
테스트용 UML 파일
test.pu@startuml sample
alice -> Bob: Hello, John!
alice <-- Bob: Hello, World!
@enduml
실행하다
(root)
│
├─ test.pu
│
└─.devcontainer
devcontainer.json
docker-compose.yml
{
"name": "dev container",
"dockerComposeFile": "docker-compose.yml",
"service": "plantuml-server",
"workspaceFolder": "/workspace/",
"extensions": [
"jebbs.plantuml",
]
}
version: '3'
services:
plantuml-server:
image: plantuml/plantuml-server
container_name: plantuml-container
ports:
- "8080:8080"
volumes:
- ..:/workspace:cached
@startuml sample
alice -> Bob: Hello, John!
alice <-- Bob: Hello, World!
@enduml
Remote-Containers: Rebuild and Reopen in container
에서 컨테이너 안으로 들어가기 test.pu
열기 PlantUML: Preview Current Diagram
실행 참고 자료
Reference
이 문제에 관하여(VS Code의 Remote-Containers로 Plant UML 컨테이너 환경 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/Mizu49/items/eb6eeb153eda16606e28텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)