VS Code は確かに強力なユーザー ベースを持つ非常に人気のある開発ツールです。開発エクスペリエンスを向上させるインターフェイス、軽量のエディターだけでなく、豊富で強力なプラグインも備えています。 -ins. これらの優れたプラグインは、VS Code エコシステムをより魅力的にし、開発効率を大幅に向上させます。この記事では、もともと薄い VS Code をさらに強力にし、開発効率を即座に向上させる、効率的でかつ使いやすいプラグインを 10 個紹介します。新たなステージへ。推奨学習:「
vscode チュートリアル 1.Codelf
コンピュータ サイエンスで難しいことは 2 つだけです。キャッシュの無効化と名前付けです。この文については私も同じように感じますが、プロジェクトを開発するとき、
名前は私にとって常に苦痛なことでした。このように感じているのは私だけではないと思います。ただし、名前付けは開発プロセスにおいて非常に重要です。たとえば、関数に適切な名前を付ければ、実装されている関数を即座に理解できるため、コードについて考える時間を大幅に節約できます。正確にはどういう意味ですか。
そのため、開発プロセス中に名前を付ける必要がある変数、関数、クラスに遭遇するたびに、開発を停止して長い間真剣に考えなければなりません。
しかし、CodeIf の登場により、この問題は簡単に解決されます。CodeIf は、GitHub、Bitbucket、GitLab を検索して実際の変数名を見つけ、頻繁に使用される語彙を提供します。同時に、使用されている言語とコードリンクを示します。
Webページ上で命令したい語彙を直接検索できます もちろんWeb版だけでなく、VS Code、Atom、Sublime、WebStormなどの開発ツールにも対応しています。
VS Code で、
Extensions->「CodeIf」を検索してインストールを完了します。
これを使用する場合は、変数名を選択し、
CodeIfを選択するだけで Web ページにジャンプし、候補のネーミング。
2. ローカル履歴Pycharm と IDEA を使用すると、ローカルの履歴コードを直接表示して、以前のバージョンを簡単に復元できます。ただし、VS Code はデフォルトでは
ローカル ヒストリーをサポートしていないため、Ctrl zを使用して操作を元に戻すだけでは機能しません。さらに、元に戻す操作では、前の手順のすべての操作が元に戻されますが、その多くは不要です。
しかし、VS Code の
を使用すると、すべての問題が解決されます。このプラグインをインストールすると、サイドバーに
LOCAL HISTORYという文字が表示されます。変更を保存するたびに、以前のバージョンを復元する必要があるときに履歴ファイルがバックアップされます。 、対応するファイルをクリックするだけです。また、エディットボックス内に比較詳細も表示され、変更箇所が一目で分かります。
3. 部分的な差分はそれですコードのどこが変更されたのかを確認したい、出力されたログ情報の違いを確認したいなど、よく使われる実用的な機能です。それは明らかに耐え難いことです。ファイル比較に関して最初に思いつくのは
Beyond Compareです。これは便利なツールですが、料金だけを考えると多くの人が敬遠します。
幸いなことに、VS Code プラグイン ライブラリには
があります。コードを選択して右クリックし、Select Text for Compare (比較するテキストを選択)、コードの別の部分を選択し、右クリックして、「テキストを前の選択項目と比較」を選択します。4. TODO ツリー
FIXMEタグを使用するのは非常に良い習慣です。コードの特定の部分を変更する必要があることがわかったとき、またはコードの特定の部分を将来さらに改善する必要があることがわかったときに、それにマークを付けることができれば、非常に簡単かつ効率的になります。対応する場所を見つけます。
TODO
タグに関しては、多くの作成者がTODO Highlightプラグインを推奨していますが、私はTODO Treeを使用することをお勧めします。
多くのタグ ツールでTODOタグの強調表示を実現できますが、問題は「対応するタグをすばやく見つけるにはどうすればよいでしょうか?」ということです。ファイルを 1 つずつ開いて見つけるのは明らかに非常に面倒です。効率は達成されていません。なんと大きな改善でしょう。
TODO ツリーは異なります。タグの強調表示を実現できるだけでなく、アクティビティ バーにタブを追加して、マークした項目をさまざまなビューで表示できます。 [場所] では、対応するラベルをクリックして、指定した場所をすばやく見つけます。
優れた編集インターフェイスで開発プロセスを効率化もっと楽しく快適に、開発効率もアップします。
明らかに、VS Code のデフォルトのアイコンはこのレベルに到達できません。
ただし、vscode-iconsではこのプラグインは異なり、次の機能があります。アイコン
6. より良いコメント
はい、実行します注釈情報は同じだと思いますか？
より良いコメント
このプラグインは、VS Code のコメント情報をより使いやすくします。アラート、クエリ、TODO、ハイライト、その他のタグに基づいてコメントを異なる方法で表示できます。さらに、コメントアウトされたコードはスタイルを設定できます。
その他の注釈スタイルは設定で指定できます7. ブラケット ペア カラーライザー
#上の例で複数のレベルにネストされた括弧を見ると、乱雑だと思いませんか?このように複雑に入れ子になった括弧を見るたびに、特にコードの行数が増えると、どの括弧が同じレベルにあるのかを判断するのが難しくなります。階層構造を理解していないと、当然ながらコードを読むのはさらに大変になります。
ブラケット ペア カラーライザー
このプラグインは、()、[]、{}# などの一般的に使用されるブラケットを表示できます。 ## 対応する括弧をクリックすると、異なる色が線分で直接リンクされ、階層構造が一目瞭然になります。さらに、ユーザー定義のシンボルもサポートします。
は、コード仕様を実装できるツールで、主にコードの
上下の位置合わせに使用されます。コードをコロン (:)、代入 (=、=、-=、*=、/=)、矢印 (=>) で整列させることができます。
使用法: Ctrl Shift p 「Align」と入力して確定します。
9.change-case
。
一部のプログラミング言語は、名前付けが非常に厳密であり、仕様に従わない場合、実行中に直接エラーが報告されます。そして
change-caseは、現在選択されているコンテンツまたは現在の単語の名前を素早く変更するプラグインです。
使用法: Ctrl Shift p 「変更」
と入力し、変更する形式を選択します。
#10. Markdown All in One
このプラグインは、Typora に匹敵する Markdown 編集エクスペリエンスを実現できます。次の機能を備えています。
このプラグインはまさにAll in Oneを実現します。
プログラミング関連の知識について詳しくは、プログラミング ビデオをご覧ください。 ！
以上が10 個の効率的な VSCode プラグインを共有すると、必ずあなたを驚かせるプラグインが見つかるでしょう。 ！の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
