【吐血まとめ】開発効率と見た目の向上に役立つ23個のVSCodeプラグイン
- 青灯夜游転載
- 2022-03-10 20:01:5756979ブラウズ
この記事では、開発者の開発効率と見た目の向上に役立つ、さまざまな機能を備えた 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 をダウンロード#VSCode プラグイン コレクション
- 圧縮パッケージを解凍し、
usr/local- ディレクトリに移動します:
sudo chmod x /usr/local/VSCode-linux-x64/codesudo mv VSCode -linux-x64 / usr/local/実行権限を取得します:- ここでは通常のユーザー権限のみが使用できることに注意してください
インストールVSCode(- ): /usr/local/VSCode-linux-x64/code
sudo ln -s / usr/local/VSCode-linux-x64/code /usr/local/bin/vscodeソフト リンクを作成します:- にすると、任意の場所のターミナルから
vscodeと入力して、ソフトウェア
##美しいカテゴリ
##1 CodeSnap
CodeSnap高解像度で美しいコード画像を簡単に生成できます
##使い方はとても簡単です: 
コマンドを使用してコードスナップアウトを調整します
- コードを出力の一部としてコピーします
- 保存画像をローカルに
- 2 :emojisense:
あなたMarkDown ドキュメントまたはコマンド ラインの絵文字を出力して、プログラミングをより面白くすることができます
絵文字コレクションで好きなタグをコピーするだけです。たとえば、以下ではコマンドに絵文字を追加しました。データセットのトレーニングプロセス中の行。 
3 マーキー
プログラミングのホーム画面をより実用的または美しいものに変更できます。この拡張機能を使用すると、ニュース レポートや天気予報を見ることができます。さらに、Marquee を使用すると、ユーザーは個人の To Do リストに項目を追加したり、簡単なメモ用のスクラッチ ボードを追加したりできます。小さいながらも便利なプラグイン機能がいくつかあります。
4 マテリアル テーマ
VScode 用にインストールさまざまなテーマを使用すると、エディター全体の外観を好みに合わせてカスタマイズできます。
以下は、私が個人的に使用している FireFly Pro
テーマです。 
5 ブックマーク
ブックマークさまざまなファイルの特定の行のワークスペース内のコードにブックマークを追加できます。
#6 ブラケット ペア カラーライザー
ブラケット ペア カラーライザーブラケットに異なる色を追加して、さまざまなブロックを簡単に区別できます。
7 vscode-icons
vscode-iconsVSCode ファイルを見栄えの良いアイコンに置き換えます。
1 Vetur
Vetur はVue プロジェクト 構文の強調表示、インテリジェント センシングなどを提供します。
タグを自動で閉じる
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 言語サポートが追加されました。
JupyterJupyter Notebook の機能サポートを VSCode に追加しました。
効率化クラス
1 Git Graph
Git GraphGit 提出物を視覚化するプロセス。
karaFileHeader は、ファイル ヘッダー コメントと関数コメントの書式設定と生成に使用されます。
コード ランナーは、複数の言語でコード スニペットまたはファイルを直接実行するために使用されます。 。
より良いコメント コード コメントのさまざまな特定の種類のコメントを強調表示します。
<h3><strong>5 CodeTime</strong></h3>
<p><code>CodeTime 毎日のコーディング時間のデータ分析を提供します。
VSCode の詳細については、vscode チュートリアル をご覧ください。 ！
以上が【吐血まとめ】開発効率と見た目の向上に役立つ23個のVSCodeプラグインの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。