Sublime Text 3ユーザーがVisual Studio Codeに乗り換えようとしてみた (拡張機能編)

2019年1月4日Sublime Text,TECHNOLOGY,Visual Studio Code,テキストエディタ

FL1NEです。

今度は拡張機能としてテーマなどを入れていきます。

 

 

現状

現状

Materialテーマが特徴的なFL1NEのSublime Text3、GitHubに設定全部置いてます。

 

現状

Sublime Text 3の設定をインポートしたら勝手に緑色のMonokaiテーマに置き換わってしまったVSCode、早くどうにかしないと。

 

 

テーマインストール

Material(マテリアル)テーマ大好きなのでVSCodeもMaterialにしていきます。

Material Theme (Visual Studio Marketplace)

インストールしたらリロード。

Cmd + Shift + P(Ctrl + Shift + P)の後themeと入力
Material Theme High Contrastを選択する
いつものカラーになった
こんなメッセージが出てるのでアイコンもMaterialにする
アイコンが変わった

アイコンを変えたけどこっちのアイコンの方が具合良さそうなのでそれを適用してみる。

具合良い

これでテーマのインストールが終わった。

続いてテーマの設定を変えてみる.

 

Cmd + Shift + P(Ctrl + Shift +P)の後materialと入力し、Set accent color を選択する
Sublime Textと合わせるためにPurpleにする
アクセントカラーが紫になった

これでテーマの設定も完了である。

 

 

Setting Sync(設定同期)の設定

Setting Syncという拡張機能をインストールすることで、GitHubのGistを使って設定が同期できるようです。

Setting Sync(Visual Studio Marketplace)

使い方は

Visual Studio Codeの設定同期をGISTを介して設定してみた! (lisz-works)

と公式ドキュメントを見ればわかると思います。

 

 

今回はここまで

ここまでです。

その他の拡張機能は一個一個説明してると時間が無限にかかりそう。。。

 

ではでは

 

徹底解説Visual Studio Code

徹底解説Visual Studio Code

本間咲来
3,102円(09/24 02:27時点)
発売日: 2019/09/27
Amazonの情報を掲載しています
Visual Studio Code実践ガイド —— 最新コードエディタを使い倒すテクニック

Visual Studio Code実践ガイド —— 最新コードエディタを使い倒すテクニック

森下 篤
3,058円(09/24 02:27時点)
発売日: 2020/02/21
Amazonの情報を掲載しています
はじめてのVisual Studio Code (I・O BOOKS)

はじめてのVisual Studio Code (I・O BOOKS)

美樹, 清水
2,530円(09/24 02:27時点)
発売日: 2016/05/01
Amazonの情報を掲載しています