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

这篇具有很好参考价值的文章主要介绍了【HTML专栏2】VSCode的使用(新建HTML文件)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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


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

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

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


一、新建文件步骤

1. 双击打开软件。

【HTML专栏2】VSCode的使用(新建HTML文件),Web 前端开发,html,vscode,前端

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

【HTML专栏2】VSCode的使用(新建HTML文件),Web 前端开发,html,vscode,前端

3. 保存(Ctrl + S )

注意移动要保存为 .html 文件
【HTML专栏2】VSCode的使用(新建HTML文件),Web 前端开发,html,vscode,前端
【HTML专栏2】VSCode的使用(新建HTML文件),Web 前端开发,html,vscode,前端

4. 放大缩小视图

Ctrl + 加号键 ,Ctrl + 减号键
【HTML专栏2】VSCode的使用(新建HTML文件),Web 前端开发,html,vscode,前端
【HTML专栏2】VSCode的使用(新建HTML文件),Web 前端开发,html,vscode,前端

5. 生成页面骨架结构。

输入!(英文) 按下 Tab 键。
【HTML专栏2】VSCode的使用(新建HTML文件),Web 前端开发,html,vscode,前端

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

单击鼠标右键,在弹出窗口中点击“Open In Default Browser”。
【HTML专栏2】VSCode的使用(新建HTML文件),Web 前端开发,html,vscode,前端
【HTML专栏2】VSCode的使用(新建HTML文件),Web 前端开发,html,vscode,前端


【HTML专栏2】VSCode的使用(新建HTML文件),Web 前端开发,html,vscode,前端文章来源地址https://www.toymoban.com/news/detail-700066.html

到了这里,关于【HTML专栏2】VSCode的使用(新建HTML文件)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包