📝

VSCodeで適当な文章を一瞬で生成する方法

2024/03/11に公開

最近知ったVisual Studio Codeの小ネタ(?)があるので紹介します。

ダミーテキストを生成する

Webページを作っている時、適当な文章を入れてどんなふうに表示されるか確認したくなることはありませんか?

そんな時はloremを使うとランダムな文章を一瞬で生成することができます。

使い方

使い方は簡単でVisual Studio Codeでloremと打ってTabかEnterを押すだけです。


こんな感じで大体1段落程度のランダムな文が生成されます。

文字数を指定する

lorem20のように続けて数字を書くことで生成する文章の単語の数を指定することも可能です。


たとえば100語を指定すれば長めの文章を生成できます。

タグも自動生成する

任意のタグとその数を指定して文章を生成することもできます。タグ名*タグの数>loremで生成できます。たとえば、

p*5>lorem20

と入力すれば、

20語のランダムな文章が入った5つの<p>タグを生成することが可能です。

まとめ

今回紹介したのはEmmetと呼ばれるVisual Studio Code標準搭載の拡張機能によるものです。HTMLやCSSなどを効率よく記述するために作られたそうです。今回紹介したもの以外にもたくさんEmmetによる省略記法が存在するようなので、興味がある方はぜひ調べてみてください。

参考文献

https://e-adshin.com/adlab/8215#:~:text=Emmetとは、HTMLや,キーで展開します。

https://www.youtube.com/watch?v=m95s5HlfvWg

GitHubで編集を提案

Discussion