VS Code@Windows의 터미널에서 256색 사용할 수 없는 문제에 나름대로 대응해 보았다

TL;DR

VS Code 고조되고 있네요!

vim에서 갈아타 보면 감동했다!

Terraform 확장이나 Git Project 검색등 에에나!

의 Windows 버전 Integrated Terminal (통합 터미널)에서 256 색을 사용할 수없는 문제

알았다. VS Code@Windows 그만두고 Linux판 사용해요.

Xming에서 X11 forward 할 수 있어ーーー!

VcXsrv라면 할 수 있어 기사를 찾아라!

Putty 사용한 X11 forward의 기사 자주 있지만, Putty 넣고 싶지 않다!

vagrant ssh와 VcXsrv만으로 VS Code@Linux를 Windows에서 사용할 수 있습니다.

구성

호스트
OS 등


로컬
Windows10 Pro

Git for Windows

Vagrant

Oracle VirtualBox

VcXsrv

Remote
우분투 16.04 LTS (ubuntu/Xenial64)

방법

로컬 호스트에 도구를 설치하는 절차는 건너뜁니다.
특히 넘어지는 곳은 없다...

1. VcXsrv 시작

옵션 기본값을 유지하고 다음 연타

2. Vagrantfile 준비

Vagrantfile

  config.ssh.forward_x11 = true
...
  config.vm.provision "shell", path: "provision/vscode.sh",    privileged: false

@git-bash

[you@local-machine]$ echo 'export DISPLAY=localhost:0.0' > ~/.profile
[you@local-machine]$ vagrant ssh-config > ~/.ssh/config 
[you@local-machine]$ cat ~/.ssh/config
Host default
  HostName 127.0.0.1
  User vagrant
  Port 2222
  UserKnownHostsFile /dev/null
  StrictHostKeyChecking no
  PasswordAuthentication no
  IdentityFile {{your-vagrant-dir}}/.vagrant/machines/default/virtualbox/private_key
  IdentitiesOnly yes
  LogLevel FATAL
  ForwardX11 yes

3. Remote 호스트에 프로비저닝

provision/vscode.sh

#!/bin/bash

# VS Code installation
curl https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > microsoft.gpg
sudo mv microsoft.gpg /etc/apt/trusted.gpg.d/microsoft.gpg
sudo sh -c 'echo "deb [arch=amd64] https://packages.microsoft.com/repos/vscode stable main" > /etc/apt/sources.list.d/vscode.list'
sudo apt-get update -y
sudo apt-get install -y code

# X11 for vscode
sudo apt-get install -y xauth libgtk2.0-0 libxss1 libasound2

# Japanese setting, font installation
sudo apt-get -y install language-pack-ja-base language-pack-ja
sudo localectl set-locale LANG=ja_JP.UTF-8 LANGUAGE="ja_JP.UTF-8"
sudo apt install -y fonts-migmix

4. Let's Provisioning!!!

[you@local-machine]$ vagrant up
...
(Reading database ... 78416 files and directories currently installed.)
    default: Preparing to unpack .../fonts-migmix_20150712-1_all.deb ...
    default: Unpacking fonts-migmix (20150712-1) ...
    default: Processing triggers for fontconfig (2.11.94-0ubuntu1.1) ...
    default: Setting up fonts-migmix (20150712-1) ...
(provisiong終わり)

[you@local-machine] $

5. Let's VS Coding!!!

[you@local-machine]$ vagrant ssh
$ vagrant ssh
Welcome to Ubuntu 16.04.5 LTS (GNU/Linux 4.4.0-131-generic x86_64)

 * Documentation:  https://help.ubuntu.com
 * Management:     https://landscape.canonical.com
 * Support:        https://ubuntu.com/advantage

  Get cloud support with Ubuntu Advantage Cloud Guest:
    http://www.ubuntu.com/business/services/cloud

0 packages can be updated.
0 updates are security updates.


/usr/bin/xauth:  file /home/vagrant/.Xauthority does not exist
[vagrant@remote-machine]$ code .
(VS Codeで日本語拡張パッケージをインストールするか聞かれるので、インストールして再起動)
(終わり)

결과, 256색 대응한 terminal을 사용할 수 있게 되어, vim의 colorshceme:tender가 제대로 표시되었습니다!

6. 보충:Sync your Setting

이미 VS Code를 사용하기 시작했고 설정을 캡처하려면 Setting Sync 확장 패키지를 사용하십시오.
Github의 gist에 설정 파일을 업로드하여 설정을 공유할 수 있는 패키지입니다.
매우 편리하므로 추천합니다!

출처