Under the bodhi tree

VSCode技巧:HTML代码编写提速篇

代码 阅读 19 0 评

在vscode新建文件类型时,会根据语言类型自动判断并适配内容,在html语境下,一些技巧可以快速提高生产力。

1.输入html:5,然后敲enter回车键,会自动填好html。效果如下:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

</body>
</html>

2.标签代码补齐功能

(1)双标签输入一个,自动补齐另一个。如,输入<h1>,会自动补齐为<h1></h1>

<h1></h1>

(2)输入标签名.任意字符,自动构建标签+class属性结构。如,输入div.one,会得到<div class=”one”></div>

<div class="one"></div>

<p class="one"></p>

<article class="one"></article>

<ul class="one"></ul>

<ol class="one"></ol>

3.输入link:css敲回车,调出引入css命令结构;输入script:src敲回车,调出引用js命令结构。

<link rel="stylesheet" href="style.css">

<script src=""></script>

4.快速复制当前行内容

向上复制当前行:ctrl+alt+上键

向下复制当前行:ctrl+alt+下键

5…占位…增补中…

< 上一篇

你的留言