vscode怎么开始写代码?vscode新手使用教程

VS Code创建网页的步骤

1. 双击打开VS Code软件
2. 将day01代码文件夹用鼠标左键按住不放,拖拽到VS Code窗口中,文件夹会显示在左侧目录上
3. 点击目录上的+新建文件按钮创建页面,注意:文件后缀名需要是.html

vscode怎么开始写代码?vscode新手使用教程

VS Code的基本快捷键

1. 快速生成标签:英文 + tab
2. 保存文件:ctrl + s
• 注意1:写完文件之后务必需要保存文件,否则网页无变化
• 注意2:可以设置自动保存省去每次保存的麻烦

vscode怎么开始写代码?vscode新手使用教程

 

3.快速查看网页效果:右击 → Open in Default Browser

快捷键:alt + b
• 注意:必须安装了open in browser 插件

vscode怎么开始写代码?vscode新手使用教程

4. 快速生成结构标签:! + tab
• 注意1:!必须是英文的,中文!无效
• 注意2:必须保证当前文件后缀名是.html,否则无效
• VS Code自动生成的骨架多了其他标签,随着学习的深入,慢慢都会了解其含义。

VS Code的其他快捷键

1. 快速复制一整行:ctrl + c
2. 快速粘贴一整行:ctrl + v
3. 快速删除(剪切)一整行:ctrl + x

声明:该文观点仅代表作者本人,《前端技术分享网》系信息发布平台,前端技术分享网仅提供信息存储空间服务。发布者:果壳日志,转载请注明出处:https://www.xin12123.com/n/287.html

(0)
上一篇 2022年 11月 2日 下午8:56
下一篇 2022年 11月 2日 下午9:30

相关推荐

  • html标题标签有哪些?html标题字体大小

    在新闻和文章的页面中,都离不开标题,用来突出显示文章主题。 代码:h系列标签 语义:1~6级标题,重要程度依次递减特点:• 文字都有加粗• 文字都有变大,并且从h1 → h6文字逐渐减小• 独占一行注意点:h1标签对于网页尤为重要,开发中有特定的使用场景,如:新闻的标题、网页的logo部分 标题标签一共有几个?分别表示什么含义?• h1标签:一级标题• h2…

    2022年 11月 2日
    0
  • html路径有几种?html绝对路径和相对路径详解

    生活中两个人,我要去找你,需要通过一定的路径才能找到!同理:页面需要找到图片,也是需要通过路径才能找到。html标签路径分为两种,绝对路径和相对路径 ,我们先来介绍绝对路径,比较简单。   相对路径是大家常用的, 本文会详细介绍。 • 绝对路径 绝对路径:指目录下的绝对位置,可直接到达目标位置,通常从盘符开始的路径 例如:• 盘符开头:D:\day01\im…

    2022年 11月 2日
    0
  • 标签语义化理解和意义,html5中的语义化标签有哪些

    在HTML5新版本中,推出了一些有语义的布局标签供开发者使用 常见有语义的布局标签有哪些?• header:网页头部• nav:网页导航• footer:网页底部• aside:网页侧边栏• section:网页区块• article:网页文章

    2022年 11月 11日
    0
  • vs code是干嘛的?为什么要使用 VS Code?

    通过文本编辑器,如:记事本,完全可以编写网页源代码,但是效率……不忍直视。实际开发中,注重开发的 效率和便捷性 ,因此我们会使用一些开发工具,开发工具有很多: Visual Studio Code 、 Webstorm 、 Sublime 、Dreamweaver、 Hbuilder等。 为什么要使用 VS Code呢,因为VS Code → 速度快、体积小…

    2022年 11月 2日
    0
  • html音频标签属性,html音频自动播放代码

    音频标签 audio作用:在网页中插入音频属性1、src:音频的路径2、controls:播放的控件3、autoplay:自动播放 (部分浏览器不支持)4、loop:循环播放

    2022年 11月 3日
    0

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信