0
点赞
收藏
分享

微信扫一扫

【HTML专栏2】VSCode的使用(新建HTML文件)

  • 博客主页:Duck Bro 博客主页
  • 系列专栏:HTML/CSS专栏
  • 关注博主,后期持续更新系列文章
  • 如果有错误感谢大家批评指出,一定及时修改
  • 感谢大家点赞👍收藏⭐评论✍

【HTML专栏2】VSCode的使用(新建HTML文件)

本文关键字:VSCode、新建文件、HTML


文章目录

  • 【HTML专栏2】VSCode的使用(新建HTML文件)
  • 一、新建文件步骤
  • 1. 双击打开软件。
  • 2. 新建文件(Ctrl + N )。
  • 3. 保存(Ctrl + S )
  • 4. 放大缩小视图
  • 5. 生成页面骨架结构。
  • 6. 利用插件在浏览器中预览页面


一、新建文件步骤

1. 双击打开软件。

【HTML专栏2】VSCode的使用(新建HTML文件)_前端

2. 新建文件(Ctrl + N )。

【HTML专栏2】VSCode的使用(新建HTML文件)_CSS_02

3. 保存(Ctrl + S )

注意移动要保存为 .html 文件

【HTML专栏2】VSCode的使用(新建HTML文件)_前端_03


【HTML专栏2】VSCode的使用(新建HTML文件)_html_04

4. 放大缩小视图

Ctrl + 加号键 ,Ctrl + 减号键

【HTML专栏2】VSCode的使用(新建HTML文件)_HTML_05


【HTML专栏2】VSCode的使用(新建HTML文件)_html_06

5. 生成页面骨架结构。

输入!(英文) 按下 Tab 键。

【HTML专栏2】VSCode的使用(新建HTML文件)_vscode_07

6. 利用插件在浏览器中预览页面

单击鼠标右键,在弹出窗口中点击“Open In Default Browser”。

【HTML专栏2】VSCode的使用(新建HTML文件)_HTML_08


【HTML专栏2】VSCode的使用(新建HTML文件)_前端_09



举报

相关推荐

0 条评论