ホームページ  >  記事  >  開発ツール  >  vscodeでコードを美しくする方法

vscodeでコードを美しくする方法

藏色散人
藏色散人オリジナル
2019-12-21 09:56:466674ブラウズ

vscodeでコードを美しくする方法

vscode はどのようにコードを美しくしますか?

まず、図は改行なしで CSS ファイルを開いた場合の効果を示しています。ファイル全体には 1 行しかなく、書式設定は影響しません。

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

vscodeでコードを美しくする方法

フォーマットとは、行に分けられているがインデントされておらず、不適切な間隔があるコードを指します。 . が適当になります。 VSCode にはコードの書式設定が付属しています。

[ファイルを開く] -> [設定] を選択して設定パネルを開きます。

vscodeでコードを美しくする方法

図に示すように、「形式」を検索して書式設定に関連するオプションを見つけます。変更したい設定を右側にコピーし、変更します。

vscodeでコードを美しくする方法

コードを美しくする (行の折り返し) 場合は、まず左側の拡張機能ボタンをクリックし、拡張機能ストアで Beautify を検索して、最初の拡張機能をダウンロードします。プラグイン。

vscodeでコードを美しくする方法

インストール後、VSCode を再ロードし、f1 キーを押してコマンドを開き、「Beautify」を検索して、「Beautify file」をクリックしてファイル全体を美化します。

vscodeでコードを美しくする方法

美化後の効果は写真の通りです。コードは自動的にラップされ、フォーマットされます。この美化操作は、複数の形式のソース コードをサポートします。

vscodeでコードを美しくする方法

以上がvscodeでコードを美しくする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。