HTML基础——vscode 的基本使用

2023-04-16 15:07
1. vscode 的基本介绍

全拼是 Visual Studio Code (简称 VS Code) 是由微软研发的一款免费、开源的跨平台代码编辑器,目前是前端(网页)开发使用最多的一款软件开发工具。

2. vscode 的安装
  1. 下载网址: https://code.visualstudio.com/Download
  2. 选择对应的安装包进行下载:

HTML基础——vscode 的基本使用

  1. 根据下载的安装包双击进行安装即可,当然为了更好的使用 vscode 还可以安装对应的插件。
3. vscode 的插件安装

插件名

说明

Chinese (Simplified) Language Pack for VS Code

中文(简体)汉化包

open in browser

右击在浏览器打开html

  1. 汉化插件安装

HTML基础——vscode 的基本使用

@H_404_107@

  1. 注意: 如果在vscode打开的html文档中右击没有出现 open in browser 类型的选项,需要把当前打开的文件关掉,重新打开这个文件就好了。
4. vscode 的插件卸载

点击对应安装的插件,然后再点击卸载按钮即可。

5. vscode 的使用
  1. 打开文件夹创建文件

HTML基础——vscode 的基本使用

HTML基础——vscode 的基本使用

快速创建html文档的基本结构

HTML基础——vscode 的基本使用

右击在浏览器打开html文档

HTML基础——vscode 的基本使用

6. 设置字体大小

HTML基础——vscode 的基本使用

HTML基础——vscode 的基本使用

7. 设置颜色主题

HTML基础——vscode 的基本使用

HTML基础——vscode 的基本使用

8. 设置默认浏览器[可选]
  1. 可以根据自己的需要设置默认使用的浏览器

HTML基础——vscode 的基本使用

9. 小结
  • vscode 是由微软研发的一款免费、开源的跨平台代码编辑器
  • 通过资源管理器打开文件夹创建HTML文件,编写 HTML 代码
  • 可以根据需要安装对应的插件
  • 可以设置字体大小和颜色主题

原文地址:https://cloud.tencent.com/developer/article/2001145

总结

以上是真正的电脑专家为你收集整理的HTML基础——vscode 的基本使用的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得真正的电脑专家网站内容还不错,欢迎将真正的电脑专家推荐给好友。