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

本文属于HTML/CSS专栏文章,适合WEB前端开发入门学习,详细介绍HTML/CSS如果使用,如果对你有所帮助请一键三连支持,对博主系列文章感兴趣点击下方专栏了解详细。


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

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

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

文章目录

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

一、新建文件步骤

1. 双击打开软件。

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

3. 保存(Ctrl + S )

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

4. 放大缩小视图

Ctrl + 加号键 ,Ctrl + 减号键

5. 生成页面骨架结构。

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

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

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


相关推荐
Jasmin Tin Wei1 分钟前
蓝桥杯 web 学海无涯(axios、ecahrts)版本二
前端·蓝桥杯
圈圈编码9 分钟前
Spring Task 定时任务
java·前端·spring
转转技术团队10 分钟前
代码变更暗藏危机?代码影响范围分析为你保驾护航
前端·javascript·node.js
Mintopia20 分钟前
Node.js高级实战:自定义流与Pipeline的高效数据处理 ——从字母生成器到文件管道的深度解析
前端·javascript·node.js
Mintopia21 分钟前
Three.js深度解析:InstancedBufferGeometry实现动态星空特效 ——高效渲染十万粒子的底层奥秘
前端·javascript·three.js
北凉温华21 分钟前
强大的 Vue 标签输入组件:基于 Element Plus 的 ElTagInput 详解
前端
原生高钙24 分钟前
LLM大模型对话框实践:大文件的分片上传
前端
加兵柠檬水25 分钟前
代码输出题,会这些就够了。
前端
Json201131525 分钟前
Gin、Echo 和 Beego三个 Go 语言 Web 框架的核心区别及各自的优缺点分析,结合其设计目标、功能特性与适用场景
前端·golang·gin·beego
樊小肆26 分钟前
实战!从 0 到 1 搭建 H5 AI 对话页面
前端·vue.js