改造VSCode，好看又好用

善用套件，提升效率

VS Code 有许多套件用，这里个人推荐几款能提升效率的套件。

Auto Rename Tag
更改一个HTML/XML标签时，会自动重新命名对应的HTML/XML标签。
Auto-Save on Window Change
切换视窗时，会自动储存。
Bracket Pair Colorizer
把对应的括弧用相同颜色显示。
chinese
VS CODE 转成繁体中文介面。
colorize
让CSS的颜色直接显示出来，快速辨识所选颜色。
HTML End Tag Labels
在结尾标签後显示ID、CLASS，能确认有没有少标签。
indent-rainbow
缩排添加颜色更好辨识，让程序码易阅读。
Live Server
启动具有静态和动态页面即时重载入功能的本地开发服务器。不必手动重整即能看到变更的内容。
Settings Sync
在不同装置上使用你客制的VD CODE。

Hello HTML!

客制好VS CODE後便开始建立自己的第一个网页吧!!!

ctrl+N 新增档案
ctrl+S 储存档案。档案类型记得选择HTML或着选择所有档案在档案名称後加上.html
在档案内输入!後按下enter，第一个网页就建立好了。

<!DOCTYPE html>
<html lang="en">

<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>
    Hello HTML!
</body>

</html>

在<title></title>中的文字是网页的名称，而<body></body>中的是网页内容。