目次
VS Code のテーマを変更する方法
5) Dracula 公式
スタイル、これも非常にクラシックで耐久性のあるスタイル
15) Snazzy Plus
16)SynthWave '84
ホームページ 開発ツール VSCode [整理と共有] 収集する価値のある 20 個の実用的で美しい VSCode テーマ!

[整理と共有] 収集する価値のある 20 個の実用的で美しい VSCode テーマ!

Dec 23, 2022 pm 07:35 PM
vscode

この記事では、実践的で美しい VSCode テーマを 20 個紹介します。あなたにぴったりのテーマが必ず 1 つあります。ぜひ集めて使ってください。皆さんのお役に立てれば幸いです。

#毎日コードを書くときにエディターのテーマスタイルを変更できるのはとても嬉しいことです。 WebStormなどのエディタではテーマを変更するのが面倒かもしれませんが、VS Codeではショートカットキーだけで簡単に変更でき、選択中にも表示されるので、リアルタイムの表示効果が得られます。以下に、私がよく使用し、気に入っている 20 のテーマ スタイルを示します。 [推奨学習: vscode チュートリアル プログラミング教育 ]

VS Code のテーマを変更する方法

    # #Mac User
    • ⌘K を押してから ⌘T を押すと、すべてのテーマのリストが表示されます。上下のキーを押してテーマを変更します
    • ⌘ ⇧ P、
    • カラー テーマ 入力ボックスに入力し、Enter キーを押すと、トピック リストも入力できます
  • Windows ユーザー
    • Ctrl Shift P

1) Ayu

クリックしてインストール

テーマ モードは 3 つあります。ライト、ミラージュ、ダーク、私はミラージュとダークがとてもクールです。

2) Cobalt2 テーマ公式

クリックしてインストール

あるのは1 つのテーマ、非常にクラシックで非常に優れています

#3) マテリアル テーマ

#クリックしてインストール

デフォルト、Darker、Lighter、Ocean、Palenight の 5 つのテーマ モードがありますが、私は Palenight が好きです。

4) 素晴らしい

クリックしてインストール

これはさらに冷酷です。多くのプリセットテーマがあります

Andromeda (
    andromeda
  • )Ardent (
  • ardent
  • )Ayu Mirage (
  • ayu-mirage
  • )City Lights (
  • city-lights
  • )Dark (
  • dark-plus
  • ) Dark Reimagined (
  • dark-plus-reimagined
  • )Fluent (
  • fluent
  • )マテリアル テーマ オーシャン (
  • material-theme -オーシャン
  • )マテリアル テーマ (
  • material-theme
  • )ミニマル (
  • minimal
  • )ミラージュ (
  • mirage
  • )モノカイナイト (
  • monokai-night
  • )モノカイ (
  • monokai
  • )ノルド (
  • nord
  • )Oceanic Next (
  • oceanic-next
  • )パンダのテーマ (
  • panda-theme
  • )ピボット (
  • pivot
  • )パープルヘイズ (
  • purple-haze
  • )おしゃれなテーマ (
  • snazzy-theme
  • ) 音色 (クロマなし) (
  • ティンバーレスクロマ
  • )音色 (
  • ティンバー
  • )トゥモロー ナイト エイティーズ (
  • 明日の夜 80 年代
  • )
  • 好きなものを選ぶことができます

5) Dracula 公式

クリックしてインストール

非常にクラシックなテーマは 1 つだけです

# #6 ) GitHub テーマ

クリックしてインストール

Github によって作成された公式テーマ (すべての詳細が記載されています)

##7) Horizo​​n テーマ

##クリックしてインストール

##2 つのテーマ スタイル、Horizo​​n 明るいピンク スタイル、特に女の子に適しています

8) 最小テーマ

#クリックしてインストール

#ダークとライトの 2 つのテーマ スタイル

#9) Nebula テーマ

クリックしてインストール

テーマ スタイル

10) Night Owl

クリックしてインストール

ダークとライトの 2 つのテーマ スタイル

11) Noctis

クリックしてインストール

テーマは 11 個あり、8 個は暗いスタイル、3 個は明るいスタイルです

# #12) Dark Pro 1 台

クリックしてインストール

スタイル、これも非常にクラシックで耐久性のあるスタイル

13) 1 つの Monokai テーマ

#クリックしてインストール

#スタイル、これも非常にクラシックで耐久性のあるスタイル

14 )Slack テーマ

クリックしてインストール

最大 11 のスタイルがあり、それぞれが非常にクラシックです。私は Slack テーマ Aubergine

が一番好きです

15) Snazzy Plus

クリックしてインストール

2 つのスタイル、長期にわたるシリーズ

16)SynthWave '84

クリックしてインストール

##非常に特徴的なスタイル、コードは光るようなものです

#17) パープルの色合い

##クリックしてインストール

##非常に特徴的なスタイル

#18) Winter is Coming テーマ

クリックしてインストール

非常にクールなブルーのスタイル

#19) LaserWave

クリックしてインストール

は簡潔なスタイルです

20) Firefoxテーマ

##クリックしてインストール

##2 つの Firefox スタイル、非常に特徴的で非常に目立つ境界線

##詳細についてはVSCode については、vscode 基本チュートリアル をご覧ください。

以上が[整理と共有] 収集する価値のある 20 個の実用的で美しい VSCode テーマ!の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

vscode で Word ドキュメントを表示する方法 vscode で Word ドキュメントを表示する方法 vscode で Word ドキュメントを表示する方法 vscode で Word ドキュメントを表示する方法 May 09, 2024 am 09:37 AM

まず、コンピュータ上で vscode ソフトウェアを開き、図の①に示すように、左側の [拡張機能] アイコンをクリックし、図の②に示すように、拡張機能インターフェイスの検索ボックスに「officeviewer」と入力します。次に、図の③のように検索結果からインストールする「officeviewer」を選択し、最後に以下のようにdocxやpdfなどのファイルを開きます。

vscode でフローチャートを描く方法_visual_studio コードでフローチャートを描く方法 vscode でフローチャートを描く方法_visual_studio コードでフローチャートを描く方法 Apr 23, 2024 pm 02:13 PM

まず、コンピューターで Visual Studio コードを開き、左側にある 4 つの四角形のボタンをクリックし、検索ボックスに「draw.io」と入力してプラグインをクエリし、インストール後に新しい test.drawio ファイルを作成して [インストール] をクリックします。 test.drawioファイルを選択し、左側にある編集モードに入ります。 描画後、「ファイル」→「埋め込み」→「svg」をクリックし、「svgをコピー」を選択します。コピーした SVG コードを HTML コードに貼り付けます。HTML Web ページを開くと、Web ページ上の画像をクリックして、フローチャートを拡大または縮小できます。ここでは、右下隅の鉛筆パターンをクリックして Web ページにジャンプします。

カリフォルニア工科大学の中国人がAIを使って数学的証明を覆す!タオ・ゼシュアンの衝撃を5倍にスピードアップ、数学的ステップの80%が完全に自動化 カリフォルニア工科大学の中国人がAIを使って数学的証明を覆す!タオ・ゼシュアンの衝撃を5倍にスピードアップ、数学的ステップの80%が完全に自動化 Apr 23, 2024 pm 03:01 PM

テレンス・タオなど多くの数学者に賞賛されたこの正式な数学ツール、LeanCopilot が再び進化しました。ちょうど今、カリフォルニア工科大学のアニマ・アナンドクマール教授が、チームが LeanCopilot 論文の拡張版をリリースし、コードベースを更新したと発表しました。イメージペーパーのアドレス: https://arxiv.org/pdf/2404.12534.pdf 最新の実験では、この Copilot ツールが数学的証明ステップの 80% 以上を自動化できることが示されています。この記録は、以前のベースラインのイソップよりも 2.3 倍優れています。そして、以前と同様に、MIT ライセンスの下でオープンソースです。写真の彼は中国人の少年、ソン・ペイヤンです。

vscode ワークスペースにファイルを追加する方法 vscode ワークスペースにファイルを追加する方法 vscode ワークスペースにファイルを追加する方法 vscode ワークスペースにファイルを追加する方法 May 09, 2024 am 09:43 AM

1. まず、vscode ソフトウェアを開き、エクスプローラー アイコンをクリックして、ワークスペース ウィンドウを見つけます。 2. 次に、左上隅にあるファイル メニューをクリックし、フォルダーをワークスペースに追加オプションを見つけます。 3. 最後に、フォルダーの場所を見つけます。ローカルディスク、追加ボタンをクリックします

vscode でバックグラウンド更新を有効にする方法 vscode でバックグラウンド更新を有効にする方法 vscode でバックグラウンド更新を有効にする方法 vscode でバックグラウンド更新を有効にする方法 May 09, 2024 am 09:52 AM

1. まず、インターフェースを開いた後、左上隅のファイルメニューをクリックします。 2. 次に、設定列の設定ボタンをクリックします。 3. ジャンプした設定ページで、アップデートセクションを見つけます。最後に、マウスをクリックしてチェックして有効にし、Windows のバックグラウンドで新しい VSCode バージョンのボタンをダウンロードしてインストールし、プログラムを再起動します。

vscode で wsl 設定ファイルを無効にする方法 vscode で wsl 設定ファイルを無効にする方法 vscode で wsl 設定ファイルを無効にする方法 vscode で wsl 設定ファイルを無効にする方法 May 09, 2024 am 10:30 AM

1. まず、設定メニューで設定オプションを開きます。 2. 次に、よく使用されるページでターミナル列を見つけます。 3. 最後に、列の右側にある usewslprofiles ボタンのチェックを外します。

VScode でアニメーションのスムーズな挿入を設定する方法 アニメーションのスムーズな挿入を設定する VScode チュートリアル VScode でアニメーションのスムーズな挿入を設定する方法 アニメーションのスムーズな挿入を設定する VScode チュートリアル May 09, 2024 am 09:49 AM

1. まず、インターフェースを開いた後、ワークスペースインターフェースをクリックします。 2. 次に、開いている編集パネルで、「ファイル」メニューをクリックします。 3. 次に、「環境設定」列の下にある「設定」ボタンをクリックします。 4. 最後に、マウスをクリックして CursorSmoothCaretAnimation を確認します。ボタンを押して保存するだけです

Vscode でワークスペースの信頼権限を開く方法 Vscode でワークスペースの信頼権限を開く方法 Vscode でワークスペースの信頼権限を開く方法 Vscode でワークスペースの信頼権限を開く方法 May 09, 2024 am 10:34 AM

1. まず、編集ウィンドウを開いた後、左下隅にある設定アイコンをクリックします。 2. 次に、表示されるサブメニューで [ワークスペース信頼の管理] ボタンをクリックします。 3. 次に、編集ウィンドウでページを見つけます。最後に、あなたのオフィスによると、必要に応じて関連する指示を確認してください

See all articles