前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >HTML基础——vscode 的基本使用

HTML基础——vscode 的基本使用

原创
作者头像
落雨
发布2022-05-12 13:52:40
15.5K0
发布2022-05-12 13:52:40
举报
文章被收录于专栏:落雨的专栏落雨的专栏

1. vscode 的基本介绍

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

2. vscode 的安装

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

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

3. vscode 的插件安装

插件名

说明

Chinese (Simplified) Language Pack for VS Code

中文(简体)汉化包

open in browser

右击在浏览器打开html

  1. 汉化插件安装

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

4. vscode 的插件卸载

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

5. vscode 的使用

  1. 打开文件夹创建文件

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

右击在浏览器打开html文档

6. 设置字体大小

7. 设置颜色主题

8. 设置默认浏览器[可选]

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

9. 小结

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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. vscode 的基本介绍
  • 2. vscode 的安装
  • 3. vscode 的插件安装
  • 4. vscode 的插件卸载
  • 5. vscode 的使用
  • 6. 设置字体大小
  • 7. 设置颜色主题
  • 8. 设置默认浏览器[可选]
  • 9. 小结
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档