Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >HTML基础——vscode 的基本使用

HTML基础——vscode 的基本使用

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

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 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
VsCode开发工具的入门及基本使用
江湖有缘
2023/09/24
1.9K0
vscode安装
🌈个人主页:Rookie Maker 🏆🏆关注博主,随时获取更多关于IT的优质内容!🏆🏆
编程交流
2024/05/11
2950
vscode安装
教你快速使用VSCode编写HTML文件
搜索open-in-browser,在红线标记处,修改你要是用的浏览器名称。
半生瓜的blog
2023/05/12
1.2K0
教你快速使用VSCode编写HTML文件
VsCode系列(一):下载安装及汉化「建议收藏」
在这篇文章中将为大家介绍WIN10操作系统如何下载安装并且汉化VsCode的方法。
全栈程序员站长
2022/09/20
9730
vscode的使用
之前工作主要语言还是c,所以用的最多的也就是source insight和vim。后面又有了研究golang,对jetbrains的全家桶goland和clion有了使用。慢慢地接触了更多的语言。看代码的工具也慢慢往vscode和jetbrain的工具靠近。
mariolu
2019/09/24
2.1K0
vscode 前端常用插件推荐「建议收藏」
  给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色
全栈程序员站长
2022/07/23
2.1K0
vscode 前端常用插件推荐「建议收藏」
VSCode前端必备插件,有可能你装了却不知道如何使用?
在前端开发中,有一个非常好用的工具,Visual Studio Code,简称VS code。
桃翁
2019/11/05
4.2K0
VSCode前端必备插件,有可能你装了却不知道如何使用?
vscode 一些基本知识
Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。
全栈若城
2024/02/29
3270
VsCode安装
进入VS Code官网:https://code.visualstudio.com,点击 DownLoad for Windows下载windows版本
捞月亮的小北
2024/05/23
3100
VsCode安装
web大前端必备的VSCode插件,常用的(15个)「建议收藏」
Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能,它很快就受到了大家的喜爱。
全栈程序员站长
2022/09/17
7.5K0
web大前端必备的VSCode插件,常用的(15个)「建议收藏」
VSCode使用总结
VSCode是微软出的一款轻量级代码编辑器,免费而且功能强大,对JavaScript和NodeJS的支持非常好,自带很多功能,例如代码格式化,代码智能提示补全、Emmet插件等。VSCode推荐一个项目以文件夹的方式打开。
朵朵花儿
2019/10/22
1K0
VSCode使用总结
Windows下VSCode及中文配置
Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。
星哥玩云
2022/05/28
9720
Windows下VSCode及中文配置
visual studio code适合什么语言_将当前运行的配置备份成初始配置
大家好,又见面了,我是你们的朋友全栈君。 VSCode是一款非常好用的编辑器(或者IDE),具有很好的可扩展性,功能比较强大,占用的系统资源也适中,启动速度较快,而且支持全平台,比较适合作为Python开发用的IDE。
全栈程序员站长
2022/09/25
9620
visual studio code适合什么语言_将当前运行的配置备份成初始配置
Sublime Text3 使用教程
Sublime Text 是一款代码编辑器,其具有漂亮的界面和强大的功能,如:代码缩略图,Java、JavaScript、Python语言插件,代码段补充等并且Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。
浩Coding
2019/07/22
7.8K0
vscode语言插件设置
1.语言设置 Windows、Linux 快捷键是:ctrl+shift+p macOS 快捷键是:command + shift + p 搜索:Configore Display Language 修改"locale":"en"为"locale":"zh-CN" 然后安装中文插件,重启vscode 即可
似水的流年
2019/12/05
1.7K0
放弃pycharm,选择vscode或者sublime之路「建议收藏」
我已经对pycharm忍无可忍了。打算换一个编辑器,我参考了网上很多大佬的意见。https://www.zhihu.com/question/41857899
全栈程序员站长
2022/09/27
4.1K0
放弃pycharm,选择vscode或者sublime之路「建议收藏」
VSCode配置 c++ 环境(小白教程)「建议收藏」
选择完后,点击 Installation > applychange,等待安装完就ok
全栈程序员站长
2022/08/01
1.4K0
VSCode配置 c++ 环境(小白教程)「建议收藏」
T系列部署教程2 VSCode的安装&导入前端项目
Visual Studio Code(简称VSCode)是一款由微软公司开发并维护的免费、开源的代码编辑器。它支持多种编程语言,如JavaScript、TypeScript、Python、C++、C#、Java等,并且具有丰富的插件生态系统,可以轻松扩展其功能。VSCode以其轻量级、高性能、跨平台等特点,受到了全球开发者的广泛欢迎。
Designer 小郑
2024/05/26
2190
T系列部署教程2 VSCode的安装&导入前端项目
Sublime Text 崇高的文本编辑器
官方网址:https://www.sublimetext.com/3 选择Windows – also available as a portable version一项,点击下载安装
Meng小羽
2019/12/23
1.1K0
vscode的使用
自动保存简直不要太爽 File–> Auto Save 即可。 可以在下面修改秒数保存。
全栈程序员站长
2022/07/01
7960
vscode的使用
相关推荐
VsCode开发工具的入门及基本使用
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档