HTML认知-06-vscode的简介和使用

一只好运の鱼
2023-06-29 / 0 评论 / 1,611 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2023年07月15日,已超过308天没有更新,若内容或图片失效,请留言反馈。

1.基础认知

2.3.1 为什么要使用 VS Code

1.刚刚通过文本编辑器,如:记事本,完全可以编写网页源代码

  • 但是效率...不忍直视
    2.实际开发中,注重开发的效率和便捷性 ,因此我们会使用一些开发工具
  • 开发工具有很多: Visual Studio Code、 Webstorm 、Sublime、Dreamweaver、Hbuilder
    3.前段开发神器:VS Code → 速度快、体积小、插件多

2.2.3 VS Code创建网页的步骤

1.打开VS Code
2.在VS Code里导入文件夹


3.在VS Code中新建网页/文件夹


新建网页文件时需要手动输入扩展名称,如 .html

4.使用VS Code生成HTML骨架

技巧1:我们可以在VS Code页面右键,点击Open In Default Browesr,或者使用快捷键 Alt+B,就可以直接打开网页,不需要再找到文件双击打开


如果你没有这个选项,可以在左侧的扩展商店安装


技巧2:在VS Code中,未保存的文件,在文件名右侧会显示一个点

我们可以使用快捷键Ctrl+S保存,保存后会显示为一个×

0

评论 (0)

取消