VSCode 開発でよく使用されるプラグインをいくつか共有します

この記事では、開発に必要ないくつかの VSCode の一般的なプラグインを紹介し、共有します。一定の参考値があるので、困っている友達が参考になれば幸いです。

関連する推奨事項: 「vscode チュートリアル」

Visual Studio Code の必須共通プラグイン

赤を強くお勧めします。お見逃しなく o(∩_∩)o

---

• ##中国語 (簡体字) Visual Studio Code 用言語パック 簡体字中国語パッケージ
  

• ##Prettier - コード フォーマッタ 最強形式を変更した場合、反論は受け付けられません (保存時の自動フォーマットを避けるために、アプリ ストアで JS-CSS-HTML Formatter
  をアンインストールしてください)

• HTML スニペット 超実践的かつ基本的な H5 コード スニペットとヒント
  

• コード ランナー コンパイルコードを実行して結果を確認します。多くの言語をサポートしています。
  

• GitLens 豊富な git ログ プラグイン
  

• vetur vue 構文の強調表示、IntelliSense、Emmet など
  

• HTML CSS サポート HTML タグに、現在のプロジェクトでサポートされているスタイルをインテリジェントにプロンプ​​トするクラスを記述させます。新しいバージョンではすでに scss ファイルの取得をサポートしています。これも必須のプラグインの 1 つです
  

• 自動終了タグ タグを一致させ、対応するラベルを閉じます。非常に実用的【HTML/XML】
  

• タグの名前を自動変更 HTML タグを変更すると、HTML タグの同期が自動的に完了します。最後の終了タグ Modify
  

• Path Intellisense Path Intellisense
  

• # #JavaScript (ES6) コード スニペット このプラグインは、JavaScript、TypeScript、HTML、React、Vue の ES6 構文サポートを提供します。
  

• ライブ サーバー ブラウザはリアルタイムで更新されます。 「Open With Live Server」を右クリックして開きます。
  

• ブラウザで開く を使用して、ブラウザから HTML ファイルを表示します。システムの現在のデフォルト ブラウザ
  

• ブラケット ペア カラーライザー 区別しやすくするために、ブラケットに独立した色を持たせます。あらゆるテーマで使用できます。
  

• #ESLint

  ESLint コードの検出と検証
  

• vscode-icon

  vscode リソース ツリー ディレクトリにアイコンを追加します。これは必須の製品です。
  

• Chrome 用デバッガー

  vscode に Chrome のデバッグ機能をマップさせます。静的ページは vscode を使用してデバッグ ポイントをブレークできます。True 666~
  

• HTML 内の CSS クラス名の IntelliSense

  HTML 内のプロジェクト内の CSS ファイル内の名前をインテリジェントに表示します
  

#minapp

• WeChat アプレットのタグと属性のインテリジェントな補完 (ネイティブ アプレット、mpvue、wepy フレームワークもサポートし、スニペットも提供)
  

CSS Peek

• スタイル シート内の CSS クラスが定義されている場所までトレースします。 ctrl マウスの左ボタンクラスをクリックするか、右クリックして「定義にジャンプ(F12)」
  
  

Manta's Stylus Supremacy

• スタイラスの書式設定
  

  jQuery コード スニペット
• 重篤な患者のための jQuery の必需品

  
  ##HTML のクラス オートコンプリート

友達

• 
  JavaScript Snippet Pack

js の一般的な構文キーワードを含む、非常に実用的な js 用プラグイン;

• #Path Autocomplete
  

  インテリジェントなパス補完

• beautify
  

  コードをフォーマットするためのツール。JSON|JS|HTML をフォーマットできます。 |CSS|SCSS、組み込み書式設定よりも使いやすい

• HTMLヒント
  

  HTMLコード検出

• ##VSCode の優れたアイコン
  別のリソース ツリー ディレクトリ アイコン

• colorize
  は、現在一致するコードの色に背景を追加します。カラーコード、非常に良い

• カラー情報
  CSS での色の使用方法に関する情報を提供します。カラーの上にカーソルを置くだけで、カラー ブロック内のカラー モデル (HEX、RGB、HSL、CMYK) 情報をプレビューできます。

• #vscode-fileheader 一番上のコメント テンプレートでは、作成者、時刻、その他の情報を定義でき、最終変更時刻が自動的に更新されます
  

• これを文書化します js コメント テンプレート (注: vscode の新しいバージョンにはネイティブ サポートがあり、関数に /** タブを入力します)
  

• filesize 現在のファイル サイズが下部のステータス バーに表示されます。クリックすると、詳細な作成時間と変更時間も確認できます
  

• Bootstrap 3 Sinnpet ブートストラップをよく使用する人は、
  

• VueHelper vue コード ヒントをダウンロードできます
  

• ブックマーク ブックマーク ツールは依然として必要です
  

• tortoise-svn SVN 統合プラグイン
  

推奨テーマ

注:

File-Preferences-Color Theme スイッチを設定します

• ドラキュラのテーマ

• One Dark Pro

• monoka

プログラミング関連の知識については、

プログラミング入門をご覧ください。 ！

以上がVSCode 開発でよく使用されるプラグインをいくつか共有しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。