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

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

我的小站——半生瓜のblog


1.配置

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

在这里插入图片描述

  1. 安装相关插件——搜索html,安装如下插件,如图。

在这里插入图片描述

  1. 选择左上角文件,打开文件夹。
  2. 然后新建文件,文件后缀是.html。

在这里插入图片描述

  1. 打开是一片空白,输入一个!,单击回车,补全基本结构,如图。

在这里插入图片描述
在这里插入图片描述

  1. 再次打开插件商店,搜索open in browser,安装如下插件。如图。

在这里插入图片描述

  1. 回到你的html文件,ctrl+s保存文件,然后shift+ctrl+b,在弹出的窗口中输入open in ,选择open in Other Browsers,如图(或者右键文件空白处,如图二红箭头所指向的两个,一个是用默认浏览器,一个是用其他浏览器。)。

在这里插入图片描述
在这里插入图片描述

  1. 点击,相关浏览器进行查看。(其实ALT+B一键就可以打开默认浏览器。)在这里插入图片描述
  2. 成功。

2.更改默认打开浏览器

依次点击-文件-首选项-设置
在这里插入图片描述
搜索open-in-browser,在红线标记处,修改你要是用的浏览器名称。
在这里插入图片描述

相关文章
|
2月前
|
移动开发 前端开发 Java
|
4月前
|
Web App开发 前端开发 搜索推荐
创建HTML文件
【10月更文挑战第14天】创建HTML文件
93 4
|
4月前
|
JavaScript 前端开发 容器
Vue生成PDF文件攻略:html2canvas与jspdf联手,中文乱码与自动换行难题攻克
Vue生成PDF文件攻略:html2canvas与jspdf联手,中文乱码与自动换行难题攻克
406 0
|
4月前
|
JSON 数据格式
LangChain-20 Document Loader 文件加载 加载MD DOCX EXCEL PPT PDF HTML JSON 等多种文件格式 后续可通过FAISS向量化 增强检索
LangChain-20 Document Loader 文件加载 加载MD DOCX EXCEL PPT PDF HTML JSON 等多种文件格式 后续可通过FAISS向量化 增强检索
300 2
|
6月前
写一个HTML文件
【8月更文挑战第27天】写一个HTML文件。
54 1
|
6月前
【Azure 应用服务】部署Azure Web App时,是否可以替换hostingstart.html文件呢?
【Azure 应用服务】部署Azure Web App时,是否可以替换hostingstart.html文件呢?
|
6月前
|
存储 Java 开发工具
【Azure Developer】VS Code运行Java 版Azure Storage SDK操作Blob (新建Container, 上传Blob文件,下载及清理)
【Azure Developer】VS Code运行Java 版Azure Storage SDK操作Blob (新建Container, 上传Blob文件,下载及清理)
|
6月前
|
机器学习/深度学习 存储 Linux
【机器学习 Azure Machine Learning】使用VS Code登录到Linux VM上 (Remote-SSH), 及可直接通过VS Code编辑VM中的文件
【机器学习 Azure Machine Learning】使用VS Code登录到Linux VM上 (Remote-SSH), 及可直接通过VS Code编辑VM中的文件
|
6月前
|
开发工具
如何修改Vscode查看源代码管理版本变动文件的查看方式
这篇文章介绍了如何在VSCode中通过源代码管理插件修改查看源代码版本变动文件的方式,提供了树形视图和列表视图两种查看方法,并说明了如何通过设置选项来切换查看方式,帮助用户根据自己的喜好更高效地查看和管理代码变动。
如何修改Vscode查看源代码管理版本变动文件的查看方式
|
6月前
|
Windows
Windows——如何在文件资源管理器地址栏快速打开Vscode
Windows——如何在文件资源管理器地址栏快速打开Vscode
139 4

热门文章

最新文章