この記事では、12 個の VSCode プラグインを紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。 Java エンジニアとして、仕事の都合上、ここ 1 か月間 NodeJS を書いていましたが、この経験は苦い歴史とも言えます。幸いなことに、Visual Studio Code というアーティファクトが付属していたので、この経験はそれほど難しくありませんでした。この経験も終わりに近づいていることを考慮して、今日は私がよく使用する VSC プラグインをいくつか共有したいと思います。 [推奨学習: "vscode チュートリアル"] VSC プラグインのインストール方法は非常に簡単です。左下のプラグイン バー オプションをクリックするだけです。必要なプラグインを検索できます。 本題に入りましょう マテリアル テーマ 最初のプラグインはマテリアル テーマです。黒と白だけの世界を取り除くためにテーマの色を変更します。もちろん、設定ファイルを変更してテーマの色をカスタマイズすることもできます。 自動インポート Java を書くとき、私は通常、クラス名をコードに直接記述し、IDEA を使用して自動的にインポートします。対応するパッケージをインポートしますが、VSC を使用している場合、この機能は利用できません。この問題は私を悩ませています。つまり、上級 crtlCV エンジニアとして、貼り付けたコードを直接使用することはできません。いくつかの参照がどのパッケージに属しているかを確認する必要があります。輸入するために。 Auto Import は、この大きな問題を解決するのに役立ちました。対応するパッケージを自動的に識別、解析、追加できます。これで私はctrlCVエンジニアを続けることができます。 インポートのコスト NodeJS を書いたことがある学生なら経験があるかもしれません。コードは数行しか書かないかもしれませんが、インストールするパッケージは数ギガバイトに達し、少し大げさかもしれませんが、node_module の数の多さは本当に圧倒されます。 現時点で必要なのは、インポートするパッケージのサイズを制御するために必要なインポート コストです。 インポート ステートメントを作成すると、パッケージのサイズを思い出します。パッケージが大きすぎることに気付いた場合は、本当にインポートするかどうかを検討する必要があります。パッケージ全体をインポートする必要があります。 Indent-Rainbow このプラグインは、コードを読むエクスペリエンスを向上させるのに役立ちます。NodeJS に触り始めたばかりの学生にとって、コードを読むのに通常よりも時間がかかることがよくあります。コーディングにはさらに時間がかかります。プロジェクトが大きすぎると、新入生は多くのコード ブロックで迷子になることがよくありますが、コード ブロックを区別する唯一の方法は、実行前に番号を絞ることです。ただし、数量の減少が一目ではわからない場合もあります。 Indent-Rainbow は、コードをすばやく識別するために使用されます。 Prettier — コード フォーマッタ Prettier プラグインは、コードのフォーマットに使用されます。 コード仕様に準拠したコードはエンジニアの顔とも言えますが、Prettier は特に顔を保つためのプラグインと言えます。これを使用すると、コードを作成するときに不謹慎になる可能性があり、作成後に対応するショートカット キーを押すだけで済みます。コードはすぐに美しく見えます。 Sublime Text キーマップと設定インポーター 私と同じように、Sublime Text を使用することを好む学生がどれだけいるかわかりません。 ST3 も非常に強力で、JS コードの作成に使用できますが、プロの IDE にはまだ及ばないと思うので、すでに ST3 のショートカット キーに慣れている場合は、ST3 を「メモ帳」として使用することを好みます。 VSC を使用するためにこの習慣を変えたくない場合は、VSC で ST3 ショートカット キー設定を模倣するこのプラグインを使用できます。 コマンド P を使用してコマンド ウィンドウを表示し、> と入力して ST3 と同様に操作を開始できます。 npm Intellisense npm Intellisense プラグインは、必要なノード モジュールを完成させるのに役立ちます。 File Utils File Utils は、非常に便利な (zhuang) (bi) プラグインだと思います。 、マウスを使用せずにファイルを移動、削除できます。カッコいいと思いませんか。 ブラケット ペア カラーライザー 先ほど締め付けの識別について触れましたが、ここではブラケットの色を識別するためのプラグインを紹介します。ブラケットを異なる色でマークして、ブラケットの一致を簡単に識別できます。私もIDEAでこの種のプラグインを使用していますが、これによりコードの読み取り効率が大幅に向上します。 #末尾のスペース このプラグインは、不要な末尾のスペースをマークするのに役立ちます。見つかった場合は、すぐに削除してください。 WakaTime このプラグインは非常に興味深いもので、さまざまなデータの割合など、コーディングしたデータをカウントします。言語、1 日あたりの平均エンコード時間など毎日のおおよその有効労働時間を計算するのに使用できます。データがきれいであれば、うっかり上司に見せても大丈夫です(笑)。 Vscode-icons VSC のデフォルトのアイコンに飽きていませんか?特定のファイルのファイル形式をアイコンから直接確認したいですか? Vscode-icons プラグインは、それを実現するのに役立ちます。 これにより、ファイル アイコンがよりわかりやすくなり、気に入ったアイコンをダウンロードすることもできます。 上記は、私がよく使用する VSCode プラグインの一部です。気に入った学生は、直接マーケットに行ってダウンロードして体験することができます。最近たくさんのコードを読んでいるので、これらのプラグインのほとんどはコードの読み取りを改善するために使用されていると思われます。他の生徒が便利なプラグインを持っている場合は、それを共有できます。 また、後でいくつかの IDEA プラグインを共有することも検討します。Java の学生は楽しみに待っていてください。 プログラミング関連の知識について詳しくは、プログラミング ビデオをご覧ください。 !