VSCodeの超基本的なショートカット
おそらくVSCodeを使用している人なら誰でも知っていることかもしれないのですが、、、私は知らなかった。
HTMLを書く時のショートカットですが、ショートカットを使用することでコーディングの時間をかなり削減できるんですね。。。
恥ずかしながら知らなかった。。。
<!-- 「!」 を変換すると下記の文書型宣言ができる -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
<!-- 「#id」 と#から始めて書くとid名を指定したdivタグができます -->
<div id="id"></div>
<!-- 「.cls」 と.から始めて書くとclass名を指定したdivタグができます -->
<div class="cls"></div>
<!-- 「.parent>.child」 例えば左記だと親要素と子要素、セットで書くことができます -->
<div class="parent">
<div class="cls"></div>
</div>
<!-- もちろんidとclass掛け合わせてもできます 「#parent>.child」 -->
<div id="parent">
<div class="child"></div>
</div>
<!-- 「.cls*6」 左記の場合*n文のタグが作れます。 -->
<div class="cls"></div>
<div class="cls"></div>
<div class="cls"></div>
<div class="cls"></div>
<div class="cls"></div>
<div class="cls"></div>
他にも沢山あるので、調べながら使っていって覚えていこうと思います!
Author And Source
この問題について(VSCodeの超基本的なショートカット), 我々は、より多くの情報をここで見つけました https://qiita.com/k_p_g/items/710d5d73918d2def390a著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .