HTMLのソースフォーマットができない!?VSCodeを使って、無料で対応

HTMLをVSCodeでフォーマット IT

Visual Studio Code(以下、VSCode) は無料で、HTMLソースフォーマットができます。

最近、ブログを書き始めて、HTMLのソースフォーマットやりたい!と言うことが増えてきたので色々調べてみました。

全部をソースフォーマットというより、ある一部分だけソースフォーマットしたいと思っています。

コマンド(ショートカット)

HTMLソースフォーマットの際の以下のコマンド(ショートカット)で、できます。

Windows、macOSでやり方が違います。

Shift + Alt + FWindows
Shift + ⌥ + FmacOS

VSCodeを使ってみる理由

無料でできる!と言う記事を沢山見つけて、みんなが使ってそう!かっこいい!開発の定番!

今は、開発するわけではないんですけど、Microsoftの提供すると言うことで信頼できそう!

と思ったので、VSCodeを使うことにしました。

環境

実行している環境です。

  • mac OS 15.2(Sequoia)
  • VSCode バージョン: 1.96.2 (Universal)

できました

ソースフォーマットしたい部分をコピーして、VSCodeに貼り付け。

ソースフォーマットのコマンド「 Shift + ⌥ 」を入力。

おぉコレがやりたかったです。

私は、 表のデータをエクセルで整理。その後、tableを使って、HTMLを整形する際に、利用しています。もっと良いやり方もありそうなので、今後調べてみようと思います。

タイトルとURLをコピーしました