vscode와 개발 환경을 docker로 요약(2018년 버전)
[기사 요약]
입문
Angular를 배우고 싶습니다.
평소에는 윈도우즈를 사용하지만 이 업계는 진정한 윈도우즈라면 엄격하다.
(도구류mac,linux는 첫 번째 플랫폼이라는 느낌이 강하다...)
Cygwin은 오래 사용했지만 특별한 일을 하고 싶으면 쉽게 뻣뻣해지기 때문에 피하고 싶어요(;´·ω・)
저는 WSL도 좀 더 시들었으면 좋겠어요.ω·`)
결과적으로 Docker를 배우는 동시에 Docker+X 전송의 형식으로 냉정하게 정리하자.
만든 물건
가져오면 vscode가 있고 Angular에서 시도할 수 있는 Dockerfile입니다.
준비(Windows 10)
Docker for windows
설명이 필요 없을 것 같아서요.
넣어주세요.
VcXsrv
Windows에서 실행되는 X 서버입니다.
설치에 특별히 어려운 것은 없으므로 아래 사이트를 참고하시기 바랍니다.
참고 자료
VcXsrv 설치
putty
ssh 클라이언트.
실제로는 무엇이든지 가능하지만 여러 가지 시도를 통해 VcXsrv와 가장 잘 어울리는 것이 바로 이것이기 때문에 추천합니다.
(처음에는 Cygwin의 ssh로 X를 전송했지만 순조롭게 움직일 때와 순조롭지 못할 때가 있어서 이유를 잘 모르겠다...)
Windows에서 ssh 클라이언트 "Putty" 사용
사용 방법
docker 이미지 가져오기
dockerhuuub에서 이미지를 가져옵니다.
docker pull yamada28go/docker-x-japanese-vscode-nodejs
docker 시작
가져온 그림을 시작합니다.
시작 명령의 실행 예는 다음과 같다.
명령 예제
docker run --rm -p 23001:22 --name VsCodeTest yamada28go/docker-x-japanese-vscode-nodejs
[의미]
- ssh 포트를 로컬 포트 23001로 전달
- 중지 후 컨테이너 지우기
- 컨테이너 이름은 "VsCodeTest"
VcXsrv 시작
먼저 X 서버를 시작합니다.
정상적으로 시작하면 사용할 수 있지만 설정에 대한 문제가 발생할 수 있습니다.
설정 방법은 위의 참조 링크를 참조하십시오.
출력 설정
putty에서 연결합니다.
몇 군데를 설정해야 하기 때문에 아래에 설명합니다.
아래의 "Arcfour"를 맨 위로 가져가세요.
putty에서 연결
설정 후 연결.
로그인 정보는 다음과 같습니다.
사용자 이름
비밀번호
비고
dev
dev
← 이쪽 사용하기
root
hoge
관리자용
연결 후 X 전송이 유효합니다.
putty에서'xeyes'를 입력하면 익숙한 눈동자가 나타납니다.
코드를 입력하면 Visual Studio Code가 일어납니다.
nvm를 통해nodejs도 있기 때문에 이 상태에서 AngularCLI 등을 넣을 수 있습니다.
클립보드도 유효하기 때문에 윈도우즈 프로그램이 열린 상태에서 처리할 수 있습니다.
일본어 입력 설정
zc의 입력 설정은 "ibus-setup"에서 설정할 수 있습니다.
아래와 같이 명령을 입력하면 설정 화면이 나타납니다.
ibus-setup&
여기서 [입력 방법] 탭을 선택하여 Mozc 설정을 전환합니다.
기타
이 글에서 우리는 심지어 nodejs의 환경을 사용했다.
Dockerfile은 Visual Studio 코드를 넣은 상태에서 분리됩니다.
그 파일을 기반으로 하면 다른 언어로 된 Dockerfile도 똑같이 만들 수 있다고 생각합니다.
docker-x-japanese-vscode-base
참고 자료
Docker에서 휴대용 Linux 개발 환경 구축(GUI 포함)
↑
기본적으로 이 보도를 기초로 한다.
install nvm in docker
↑
docker에서 nvm를 시도할 때 반했어요...
[Linux 팁] scp(ssh)에서 암호화 방식이 다르기 때문에 전송 속도 기준
↑
X 전송이 느려서 ssh 비밀번호를 바꿨습니다.
네. 참고로
Reference
이 문제에 관하여(vscode와 개발 환경을 docker로 요약(2018년 버전)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/yamada28go/items/414896084b384b1c65e2텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)