vscode와 개발 환경을 docker로 요약(2018년 버전)

4317 단어 Node.jsDockerVSCode

[기사 요약]

  • 빼면 X 전송을 통해 Visual Studio Code를 시도할 수 있는 환경입니다
  • ubuntu:16.04를 기초로 합니다
  • Visual Studio Code가 설치되었습니다
  • X 전송 설정 완료
  • 일본어 입력(Mozc)이 설정되었습니다
  • nvm를 통해 nodejs(8.11.3)를 설정합니다
  • 입문


    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"를 맨 위로 가져가세요.
  • X 전송의 유효화
  • X 전송을 활성화합니다.

    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 비밀번호를 바꿨습니다.
    네. 참고로

    좋은 웹페이지 즐겨찾기