[크롬북] code-server 설치

VS Code를 사용해서 한동안 코딩을 했었습니다

하지만 VS Code를 crostini 리눅스에서 사용하다보니 보이는 문제점이 있었는데요

그것은 바로 응답시간 문제였습니다

VM에서 실행되는 프로그램이기 때문에 생기는 문제인건지, 아니면 GPU가속이 제대로 안되는건지 정확한 답은 모르겠지만 코딩을 하면서 거슬릴만큼 응답시간 문제가 있었습니다

문제해결 방법을 찾아보던중 code-server라는 github 프로젝트가 있는것을 알게 되었습니다

(code-server는 Eletron으로 만들어진 vscode를 웹브라우저 상에서 돌릴 수 있도록 해주는 프로젝트입니다. 이 프로젝트를 이용하면 클라우드에 code-server를 구축하고 스마트폰이나 태블릿 PC에서 코딩을 하는것도 가능하게 됩니다)

 

"웹 브라우저에서 vscode의 GUI 렌더링을 할수 있기때문에  code-server를 이용하면 응답시간 문제가 해결되지 않을까?!" 라는 생각을 가지고 code-server를 구축했는데요

정말 다행히도 code-server를 이용하니 응답시간 이슈가 없어졌습니다!

 

0. update & upgrade

$ sudo apt update $ sudo apt dist-upgrade

crostini에 설치된 패키지 인덱스 업데이트 및 업그레이드를 먼저 진행해줍니다

 

1. code-server 다운로드 (최신버전은 다음 URL 참고 : https://github.com/cdr/code-server)

$ wget https://github.com/cdr/code-server/releases/download/v3.3.1/code-server_3.3.1_amd64.deb

 

2. code-server 설치

$ sudo dpkg -i code-server_3.3.1_amd64.deb

code-server를 dpkg(데비안 패키지 관리 시스템의 기초가 되는 소프트웨어)를 이용해서 설치합니다

 

3. code-server 리눅스 실행시 자동 시작 설정

$ systemctl --user enable --now code-server

리눅스 실행시 vs code를 자동시작하게 설정합니다

(~/.sommelierrc 파일에 code-server를 추가하는 방식도 가능은 할것으로 보입니다)

 

4. nano 텍스트 에디터 설치

$ sudo apt install nano

nano 텍스트 에디터를 설치해줍니다.

 

5. nano를 이용하여 code-server 접속 암호 변경

$ sudo nano ~/.config/code-server/config.yaml

• password: c1e47e3209305af1a135d6a5

• 원하는 password로 변경해줍니다(위의 빨간 부분 지우고 원하는 암호를 넣어줍니다)

• Ctrl + o 키를 누릅니다

• enter키를 누릅니다

• Ctrl + x 키를 눌러 nano에서 빠져나옵니다

 

6. code-server 재시작 

$ systemctl --user restart code-server

변경된 암호 적용을 위해서 code-server를 재시작 합니다

 

7. 크롬으로 http://127.0.0.1:8080 에 접속

위에서 설정한 암호를 이용하여 로그인해줍니다

 

 

위와같은 화면이 나오면 성공입니다!!

 

code-server는 vscode와는 달리 extension을 GUI에서 설치하는것이 불가능 합니다

다음 글에서는  code-server에 extension을 설치하는 법을 알아보겠습니다