ChromeBook에서 Visual Studio Code 개발환경 설치하기

개요

크롬북(ASUS C223NA)에 웹 개발용으로 VisualStudio Code설치 삽질후 잊기 전에 그 기록을 남깁니다.
크롬북 모델이 다를경우 설정 내용이 다를수 있습니다.
아래 사이트를 참고하면서 따라한 것으로, 불필요한 설정이 있을수 있습니다.

참고

https://poin2.co.kr/blog/9203
(일본어) https://www.taneyats.com/entry/vscode-on-c101pa

설치순서

1. 리눅스 설치
2. 입력기 설치
3. VisualStudio Code설치

리눅스 설치

더이상 크롬북에 리눅스 설치를 위해 개발자 모드로 변경할 필요가 없어졌습니다.
옵션 화면의 Linux(베타판)을 클릭해서 설치 해주시면 됩니다.

설치 완료후 아래 명령어로 업데이트를 해줍니다. (필요하지 않을수도 있음.)

$ sudo apt-get update
$ sudo apt-get upgrade
$ sudo apt-get dist-upgrade

입력기 설치

입력기 fcitx및 폰트 Noto Sans CJK KR를 설치합니다.
중간중간 Y/n으로 입력을 요구할때에는 Y 혹은 그냥 엔터를 눌러서 진행해 주세요.

fcitx 설치

$ sudo apt-get install fcitx
$ sudo apt-get install fcitx-hangul
$ sudo apt-get install fcitx-lib*

설치후 im-config를 실행해서 fcitx를 선택후 OK를 눌러주세요.

$ im-config

fcitx-configtool을 실행해서 한글입력기를 추가합니다.
그냥 실행할경우 화면에 아무것도 표시되지 않기 때문에 fcitx-autostart를 먼저 실행해 주세요.

$ fcitx-autostart
$ fcitx-configtool

+버튼을누른후 Only show current language체크를 해제하고
hangul을 검색해서 Ok를 누르면 한글 입력기가 추가됩니다.

(참고) 한영 전환이 기본으로 컨트롤+스페이스바 인데 VisualStudio Code의 Intellisense 단축기와 겹치므로 Global Config에서 Trigger 버튼을 Shift + Ctrl + SpaceBar로 변경했습니다.

폰트 설치

한중일 폰트가 다 필요해서 Noto Sans를 선택했습니다.

$ sudo apt-get install fonts-noto

VisualStudio Code설치

아래 URL에서 크롬북 CPU랑 맞는것을 다운로드 해주세요.
(ASUS C223NA의 경우 인텔CPU이므로 code-oss_1.32.0-1550644812_amd64.deb를 다운로드)
https://github.com/headmelted/codebuilds/releases

다운로드후 탐색기에서 다운로드 폴더를 열어서 deb파일을 우클릭(터치패드 2점 터치)을 해서 Linux설치 를 선택하면 설치가 시작됩니다.

마무리

이것으로 200달러짜리 크롬북으로 개발이 가능해졌습니다. ㅎㅎ
크롬북 구입할때부터 웹 개발용 머신으로 사용할 계획을 가지고 있었지만, 리눅스의 이해 부족과 정보 부족으로 삽질에 삽질을 거친결과 이제서야 설정 완료했네요.
아무래도 스펙이 낮다보니 퍼포먼스는 안나오지만 가볍게 굴리기는 문제가 없을듯 합니다...