在vscode中方便的写html

在vscode中方便的写html

安装vscode

首先我们需要先安装vscode，可以在官网进行安装。

vscode官网

更改语言

在安装完成后，会发现界面是英文的。所以我们需要安装中文语言的插件。

点击左侧菜单栏的第五个按钮，进入到插件市场。

在插件市场我们可以安装不同类别的插件来满足我们不同的需求。

在搜索框中输入“chinese”，点击第一条搜索结果右侧的install即可安装。

安装完成后需要重启一次vscode即可将语言改为中文。

安装html插件

这里给大家推荐几个好用的html插件。

在插件市场中搜索安装即可。

1. Color Info：
   提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标，就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息了
2. Vscode-icons
   让 vscode 资源树目录加上好看的图标。
3. HTMLHint
   检测html代码的错误。
4. Live Server
   实时渲染HTML代码。
5. open in browser
   在浏览器中打开所写的html代码。
6. Auto Rename Tag
   在更改标签的时候更加的方便。