ホームページ >開発ツール >VSCode >vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!

vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!

醉折花枝作酒筹
醉折花枝作酒筹転載
2021-04-21 18:26:037772ブラウズ

この記事では、vscode の便利なプラグインを紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!

#Python

コード分析、強調表示、標準化などの多くの基本機能を提供します。

vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!

## vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!

さまざまな美しいアイコン

vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!ここをクリックしてアイコンを設定します

vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!次に vscode を選択します-icons

选择 vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!

vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!

ファイル サイズを左下隅に表示するプラグイン

vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!
vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!显示效果##ブラケット ペア カラーライザー

ペア カラー ブラケット

vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!設定同期

設定ファイルや設定ファイルなどの VS Code 設定を GitHub アカウントに同期できます。プラグインの設定などを再設定する場合は、VS Code を設定するときに同期するだけです。インストールが完了したら、Github トークンを追加するだけで、追加後は個人の好みに応じて残りを設定すれば、他のプラグインが自動的に完了します。


ここで言及する必要があるのは、多くの無責任なブログ投稿では、トークンのアクセス許可を選択するときにすべてを選択できるようにしていると言っていますが、これは実際には非常に危険な行為です。インストールするプラグインがたくさんあったので、最初は何か変だと感じましたが、あまり詳しく調べずにいたのですが、別のコンピューター上の VS Code の設定を同期する必要が生じたときに、 Setting Sync の公式 Web サイトを確認すると、非常に多くの権限が必要な場合、必要な権限は 1 つだけであることがわかりました。以下に示すように、Settings Sync

Setting SyncAtom-material

Android スタイルのカラー テーマなので、推奨されるフォント設定を使用することをお勧めします。


"editor.fontSize": 16、"editor.fontWeight": "400"、"editor.lineHeight": 24、"editor.letterSpacing": 0.5

推奨設定の表示効果 Atom-Material

vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!パスの自動補完

ディレクトリ内のファイルを自動的に検出し、自分で選択します。

注: VSCode 自体もパス認識をサポートしています。システムに付属するものを使用するか、このプラグインを使用するように設定する必要があります。そうでない場合、各パスの下にエントリのコピーが 2 つ存在します。


Path Autocomplete8. インポートコスト

インポートしたパッケージのサイズを行末に表示

これはJavaScriptのみ対応しているようです。


Import Costインデント-レインボー

色付きインデント

インデント効果vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!

vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!

は、コードの各行の作成者と送信時間を表示できます。

効果vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!

vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!使用效果Git 履歴

Git 履歴

Git Historyカラーハイライト

css/webで定義された色の視覚的な表示

Color HightlightQuokka.js

リアルタイム実行 JavaScript コード (簡単なデモに役立ちます)

vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!コード ランナー

コードをすぐに実行します

Code Runnervscodeに便利なプラグイン27個をおすすめ、まとめてインストール!

Vue ツール プラグイン

vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!

#ライブサーバー

Webページの状況のリアルタイム表示

Live server#Pythonインデント

Python インデントを自動的に修正する

Python Indentvscodeに便利なプラグイン27個をおすすめ、まとめてインストール!

ヘッダー コメントの追加/更新プラグイン

vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!TODOハイライト

メモ内の TODO 項目をハイライトします。19 番目のプラグインである Todo Tree use

TODO HighlghtTodo Tree

# を使用することをお勧めします。 ##左をクリックすると、サイドバーの「ツリー」のロゴに TODOList のエントリが表示されます。対応するエントリをクリックしてファイルを開き、TODO 行を見つけます。

自動終了タグ

終了タグを自動的に作成するプラグイン

自動タグ名変更vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!

閉じたタグの名前を自動的に変更する

##vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!

Auto Rename Tagコード スニペットにより画像が生成される

ガイド

vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!は、VS Codeに付属するものよりも優れた参照線であり、カスタマイズ可能です

## カラー情報

色を表示します。 css 属性情報vscodeに便利なプラグイン27個をおすすめ、まとめてインストール!

Regex Previewer

通常の結果プレビュー プラグインColor Info

Mithril Emmet

注: 実際、vscode には Emmet プラグインが組み込まれていますRegex PreviewerHTML および CSS コードを効率的に作成するためのプラグインで、ほとんどのコンテンツをすばやく入力できます

#たとえば、HTML ファイルを編集する場合、「tr*2>td*3」と入力して Enter キーを押すと、2 行 3 列の表ラベルがすぐに生成されます。

 Mithril Emmet

推奨学習: 「

vscode チュートリアルvscodeに便利なプラグイン27個をおすすめ、まとめてインストール!

以上がvscodeに便利なプラグイン27個をおすすめ、まとめてインストール!の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はcsdn.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。