作为一名资深的程序媛，在使用vscode这个编辑器做网页的时候，我也是历经坎坷。刚开始，页面空白一片，咋弄都不好看，差点就把编辑器给卸载了。不过，经过一番摸索，我终于找到了几个绝招，让做网页变得so easy！今天，我就来跟大家伙分享一下，让你从此告别做网页的那些烦恼。

1.不会HTML？别怕，有这些插件助你一臂之力

别说你不会，我刚接触的时候也不懂，但有插件在，一切都不是这些插件可以自动补全代码，还可以自动格式化，让你轻松写出标准的HTML代码。

推荐插件：

安装方法：

1. 打开vscode，点击左侧的扩展图标。

2. 搜索要安装的插件名称，然后点击安装按钮。

3. 安装完成后，重启vscode即可使用。

2.样式搞不定？CSS来帮忙

HTML负责页面结构，CSS负责页面样式。想要让页面美观大方，CSS必不可少。

快速创建CSS文件：

1. 在vscode中打开HTML文件。

2. 在HTML文件中添加代码，即可创建一个名为style.css的CSS文件。

常用CSS属性：

3.预览效果太麻烦？一键搞定

写代码的时候，总会遇到预览效果不理想的情况。怎么办？不用担心，有办法！

推荐插件：

安装方法：

同插件安装方法。

使用方法：

1. 安装插件后，重启vscode。

2. 打开html文件。

3. 点击插件栏中的Live Server图标，即可实时预览效果。

4. 点击Open in Browser图标，即可在浏览器中打开html文件。

互动时间

好了，这三个技巧学会了，就可以愉快地用vscode做网页啦！如果各位小伙伴还有其他好用的方法，欢迎分享出来哦！让我们一起做网页界的头牌吧！