Webサイト工事中です! 閲覧できますが不具合があるかもしれません

Sublime Text 3ユーザーが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

本間咲来
2,820円(07/26 23:09時点)
Amazonの情報を掲載しています
Visual Studio Codeデバッグ技術 (技術の泉シリーズ(NextPublishing))

Visual Studio Codeデバッグ技術 (技術の泉シリーズ(NextPublishing))

森下 篤
1,940円(07/26 23:09時点)
発売日: 2018/12/07
Amazonの情報を掲載しています
はじめてのVisual Studio Code (I・O BOOKS)

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

清水 美樹
2,530円(07/26 23:09時点)
Amazonの情報を掲載しています

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

SESSIONS や Tokyo Demo Fest 等のイベントを主催してる人
各種最適化やIT・インフラ・3DCGが好き
◆YouTube: http://youtube.com/@FL1NE_
◆X(Twitter): @FL1NE

コメント

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次