首页 > 其他分享 >教你快速使用VSCode编写HTML文件

教你快速使用VSCode编写HTML文件

时间:2022-11-17 21:42:45浏览次数:45  
标签:文件 插件 浏览器 VSCode HTML 编写 如图 打开 open



我的小站——半生瓜のblog


教你快速使用VSCode编写HTML文件

  • ​​1.配置​​
  • ​​2.更改默认打开浏览器​​

1.配置

  1. 首先在官网下载VSCODE并完成安装,[vscode官网]。(https://code.visualstudio.com/)
  2. 汉化——打开软件,左侧工具栏最后一个是插件栏,点击去搜索Chinese,选择第一个安装,如图。
  3. 教你快速使用VSCode编写HTML文件_官网

  4. 安装相关插件——搜索html,安装如下插件,如图。
  5. 教你快速使用VSCode编写HTML文件_visual studio code_02

  6. 选择左上角文件,打开文件夹。
  7. 然后新建文件,文件后缀是.html。
  8. 教你快速使用VSCode编写HTML文件_visual studio code_03

  9. 打开是一片空白,输入一个!,单击回车,补全基本结构,如图。
  10. 教你快速使用VSCode编写HTML文件_visual studio code_04


  11. 教你快速使用VSCode编写HTML文件_搜索_05

  12. 再次打开插件商店,搜索open in browser,安装如下插件。如图。
  13. 教你快速使用VSCode编写HTML文件_html_06

  14. 回到你的html文件,ctrl+s保存文件,然后shift+alt+b,在弹出的窗口中输入open in ,选择open in Other Browsers,如图(或者右键文件空白处,如图二红箭头所指向的两个,一个是用默认浏览器,一个是用其他浏览器。)。
  15. 教你快速使用VSCode编写HTML文件_搜索_07


  16. 教你快速使用VSCode编写HTML文件_html_08

  17. 点击,相关浏览器进行查看。(其实ALT+B一键就可以打开默认浏览器。)
  18. 教你快速使用VSCode编写HTML文件_html_09

  19. 成功。

2.更改默认打开浏览器

依次点击-文件-首选项-设置

教你快速使用VSCode编写HTML文件_vscode_10


搜索open-in-browser,在红线标记处,修改你要是用的浏览器名称。

教你快速使用VSCode编写HTML文件_html_11


标签:文件,插件,浏览器,VSCode,HTML,编写,如图,打开,open
From: https://blog.51cto.com/u_15333750/5866164

相关文章