网页开发工具VSCode的使用

一、双击打开软件VSCode

二、新建文件(Ctrl+N)

在这里插入图片描述
注意:新建后一定要先保存!

三、保存(Ctrl+S)

在这里插入图片描述

四、便捷使用:Ctrl+加号键,Ctrl+减号键可以放大缩小视图

1.Ctrl+加号键

在这里插入图片描述

2.Ctrl+减号键

在这里插入图片描述

五、生成页面骨架结构,输入!后按下Tab键

在这里插入图片描述
在这里插入图片描述

六、利用插件在浏览器中预览页面:单击鼠标右键,在弹出窗口中点击"Preview In Default Browser"

在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_61963074/article/details/126789642