【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"。


相关推荐
Jackson_Mseven几秒前
🥷 前端老六上线了:登录成功后,我到底是怎么“一直在线”的?
前端·后端·架构
程序视点15 分钟前
已成绝版!8月5日即将下线!b站国际版
前端
遂心_17 分钟前
React初学者必备:用“状态管家”Reducer轻松管理复杂状态!
前端·javascript·react.js
老神在在00120 分钟前
SpringMVC2
java·前端·学习·spring·java-ee
老神在在00121 分钟前
SpringMVC3
java·前端·学习·spring·java-ee
李明卫杭州25 分钟前
前端实现多标签页通讯
前端·javascript
前端领航者25 分钟前
国际化LTR&RTL布局实战
前端·css
贝加尔湖Pan27 分钟前
图片预加载和懒加载
前端
在钱塘江30 分钟前
《你不知道的JavaScript-上卷》第二部分-this和对象原型-笔记-6-行为委托
前端·javascript
Point30 分钟前
[ahooks] useControllableValue源码阅读
前端·javascript