【吐血まとめ】開発効率と見た目の向上に役立つ23個のVSCodeプラグイン

この記事では、開発者の開発効率と見た目の向上に役立つ、さまざまな機能を備えた 23 個の VSCode プラグインをまとめています。

#VSCode とは何ですか?

VSCode (正式名: Visual Studio Code) は、Microsoft が開発したクロスプラットフォームの無料ソース コード エディターです。このソフトウェアは、構文の強調表示、自動コード補完、コードの再構築、定義表示機能をサポートしており、コマンド ライン ツールと Git バージョン管理システムが組み込まれています。ユーザーはテーマやキーボード ショートカットを変更して設定をカスタマイズしたり、組み込みの拡張機能ストアを通じて拡張機能をインストールしてソフトウェアの機能を拡張したりできます。 [推奨学習: 「vscode 入門チュートリアル 」]

VSCode は、JavaScript、## を含む多くのプログラミング言語をデフォルトでサポートしています。 #TypeScript 、CSS、HTML; Python、C/C 、 をサポートする拡張機能をダウンロードすることもできます。 Java および Go を含むその他の言語。 VSCode は、Node.js プログラムのデバッグもサポートしています。

VSCode複数のディレクトリを同時に開き、再利用するためにワークスペースに情報を保存することをサポートします。クロスプラットフォーム エディターとして、VSCode を使用すると、ユーザーはファイルのコード ページ、改行、プログラミング言語を変更できます。

VSCode をダウンロードしてインストールします

• Windows VSCode 公式 Web サイトを開いて、直接ダウンロードできます。
  

• #Linux Linux プラットフォームへの VSCode のインストールは非常に時間がかかります。次の方法を使用できます:
  

国内ソースから VSCode をダウンロード

• 圧縮パッケージを解凍し、
usr/local
• ディレクトリに移動します: sudo mv VSCode -linux-x64 / usr/local/実行権限を取得します:
sudo chmod x /usr/local/VSCode-linux-x64/code
• インストールVSCode(
ここでは通常のユーザー権限のみが使用できることに注意してください
• ): /usr/local/VSCode-linux-x64/codeソフト リンクを作成します:
sudo ln -s / usr/local/VSCode-linux-x64/code /usr/local/bin/vscode
• にすると、任意の場所のターミナルから vscode と入力して、ソフトウェア

#VSCode プラグイン コレクション

##美しいカテゴリ

##1 CodeSnap

CodeSnap高解像度で美しいコード画像を簡単に生成できます

##使い方はとても簡単です:

コマンドを使用してコードスナップアウトを調整します

コードを出力の一部としてコピーします
保存画像をローカルに
2 :emojisense:

:emojisense:

あなたMarkDown ドキュメントまたはコマンド ラインの絵文字を出力して、プログラミングをより面白くすることができます

絵文字コレクションで好きなタグをコピーするだけです。たとえば、以下ではコマンドに絵文字を追加しました。データセットのトレーニングプロセス中の行。

3 マーキー

マーキー

プログラミングのホーム画面をより実用的または美しいものに変更できます。この拡張機能を使用すると、ニュース レポートや天気予報を見ることができます。さらに、Marquee を使用すると、ユーザーは個人の To Do リストに項目を追加したり、簡単なメモ用のスクラッチ ボードを追加したりできます。小さいながらも便利なプラグイン機能がいくつかあります。

4 マテリアル テーマ

マテリアル テーマ

VScode 用にインストールさまざまなテーマを使用すると、エディター全体の外観を好みに合わせてカスタマイズできます。

以下は、私が個人的に使用している FireFly Pro
テーマです。

5 ブックマーク

ブックマークさまざまなファイルの特定の行のワークスペース内のコードにブックマークを追加できます。

#6 ブラケット ペア カラーライザー

ブラケット ペア カラーライザーブラケットに異なる色を追加して、さまざまなブロックを簡単に区別できます。

7 vscode-icons

vscode-iconsVSCode ファイルを見栄えの良いアイコンに置き換えます。

プログラミング クラス (フロントエンド)

1 Vetur

Vetur はVue プロジェクト 構文の強調表示、インテリジェント センシングなどを提供します。

#2 タグを自動で閉じる

タグを自動で閉じる

HTML/XML タグを自動的に閉じます。

#3 タグの自動名前変更

タグの名前の自動変更

HTML/XML タグの名前を自動的に変更します。

4 形式: CSS/LESS/SCSS フォーマッタ

形式: CSS/LESS/SCSS フォーマッタ

可読性を高めるために CSS/LESS/SCSS をフォーマットします。

5 ライブ サーバー

ライブ サーバー

静的ページと動的ページのライブ リロード機能を起動します。 ローカル サーバーを開発します。 。

6 Chrome 用デバッガー

Chrome 用デバッガー

JS コードのデバッグを Chrome ブラウザーに埋め込みます。

プログラミング クラス (C/C)

1 C/C

C/C

IntelliSense やデバッグなどの機能を含む、C/C の言語サポートを VSCode に追加しました。

2 C Intellisense

C Intellisense

C/C のインテリジェントな認識を VSCode に追加します。

#3 CMake ツール

##CMake Tools CMake のサポートと認識を VSCode に追加します。

プログラミング クラス (Python)

1 Python

PythonVSCode 用に追加IntelliSense やデバッグなどの機能を含む Python 言語サポートが追加されました。

2 Jupyter

JupyterJupyter Notebook の機能サポートを VSCode に追加しました。

効率化クラス

1 Git Graph

Git GraphGit 提出物を視覚化するプロセス。

2 karaFileHeader

karaFileHeader は、ファイル ヘッダー コメントと関数コメントの書式設定と生成に使用されます。

3 コード ランナー

コード ランナーは、複数の言語でコード スニペットまたはファイルを直接実行するために使用されます。 。

4 より良いコメント

より良いコメント コード コメントのさまざまな特定の種類のコメントを強調表示します。

<h3 id="strong-CodeTime-strong"><strong>5 CodeTime</strong></h3> <p><code>CodeTime 毎日のコーディング時間のデータ分析を提供します。

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

以上が【吐血まとめ】開発効率と見た目の向上に役立つ23個のVSCodeプラグインの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。