Visual Studio Code(以下、VSCode) は無料で、HTMLソースフォーマットができます。
最近、ブログを書き始めて、HTMLのソースフォーマットやりたい!と言うことが増えてきたので色々調べてみました。
全部をソースフォーマットというより、ある一部分だけソースフォーマットしたいと思っています。
コマンド(ショートカット)
HTMLソースフォーマットの際の以下のコマンド(ショートカット)で、できます。
Windows、macOSでやり方が違います。
Shift + Alt + F | Windows |
Shift + ⌥ + F | macOS |
VSCodeを使ってみる理由
無料でできる!と言う記事を沢山見つけて、みんなが使ってそう!かっこいい!開発の定番!
今は、開発するわけではないんですけど、Microsoftの提供すると言うことで信頼できそう!
と思ったので、VSCodeを使うことにしました。
環境
実行している環境です。
- mac OS 15.2(Sequoia)
- VSCode バージョン: 1.96.2 (Universal)
できました
ソースフォーマットしたい部分をコピーして、VSCodeに貼り付け。
ソースフォーマットのコマンド「 Shift + ⌥ 」を入力。
おぉコレがやりたかったです。
私は、 表のデータをエクセルで整理。その後、tableを使って、HTMLを整形する際に、利用しています。もっと良いやり方もありそうなので、今後調べてみようと思います。