在vscode的左下角可以用github账户进行登陆，这样可以同步设置

目录

1  常用插件

1.1  中文页面

1.2  将less转变为css 

1.3  用浏览器打开html

1.4  自动重命名配对的标签

1.5  预览md文件

1.6  修改文件后自动刷新浏览器

1.7  修改后不会自动刷新页面的http

1.8  插件ESLint与prettier

2  常用设置

2.1  使用emmet

2.2  自动保存 

2.3  缩进长度

 

1  常用插件

1.1  中文页面

这个可以把vscode的界面改变成中文

1.2  将less转变为css 

对less使用保存自动生成同名称的css文件

默认情况下会保存在less的同级目录下，你也可以对其进行设置，让他换一个地方存储css文件

out的值为css存储路径

1.3  用浏览器打开html

安装后可以右键空白处用浏览器打开html文件

1.4  自动重命名配对的标签

自动重命名配对的标签，你修改完前面或者后面的标签，对应的标签都会自动改变

1.5  预览md文件

安装这个插件可以在vscode中预览md文件

点击后会出现右边的窗口

1.6  修改文件后自动刷新浏览器

打开后的协议是http，不是file协议

1.7  修改后不会自动刷新页面的http

通过设置可以设置端口

默认是80，我的80被占用了，所以我使用81

安装后按下 ctrl + shift + p，输入Express:Host Current Workspace and Open in Browser

运行后会在下方弹出一个页面

然后弹出一个浏览器

可以根据路径找到你的html页面

1.8  插件ESLint与prettier

ESLint是纠错的，prettier是帮你解决错误的

具体使用方法可以看一下这个 https://blog.csdn.net/potato123232/article/details/130596366

 

2  常用设置

2.1  使用emmet

把这个勾上可以写emmet

2.2  自动保存 

把这个勾上可以自动保存

2.3  缩进长度

缩进长度，写4就是4个空格，写2就是2个空格

# vscode # ide # 编辑器
Logo
腾讯云开发者社区

腾讯云面向开发者汇聚海量精品云计算使用和开发经验，营造开放的云计算技术生态圈。

更多推荐

终极指南：Flink SQL连接器版本管理从混乱到有序的升级之路

Apache Flink作为流处理领域的佼佼者，其SQL连接器的版本管理一直是开发者面临的核心挑战。本文将系统讲解Flink SQL连接器版本管理的最佳实践，帮助你轻松应对版本兼容性问题，实现从混乱到有序的升级之旅。## 连接器版本管理的常见痛点 😫在Flink应用开发中，连接器版本管理常常让开发者头疼不已。不同版本的连接器可能导致各种兼容性问题，例如API变更、功能差异甚至运行时错误。

avatar 腾讯云开发者社区

Elasticsearch复杂数据类型终极指南：从入门到精通

Elasticsearch作为功能强大的搜索引擎，支持多种复杂数据类型，让开发者能够灵活处理各种结构化和非结构化数据。本文将带你全面了解Elasticsearch中的复杂数据类型，从基础概念到实际应用，助你轻松掌握数据建模的核心技巧。## 内部对象：构建层级化数据结构在Elasticsearch中，对象类型（Object）是最基础的复杂数据类型之一，用于表示具有嵌套关系的数据。例如，我们可

avatar 腾讯云开发者社区

如何快速搭建Neon无服务器PostgreSQL：面向初学者的完整指南

Neon是一款革命性的无服务器PostgreSQL解决方案，它通过分离存储和计算层，实现了自动扩缩容、类代码式数据库分支以及零级扩展能力。本指南将帮助你从零开始搭建Neon开发环境，体验这款创新数据库的强大功能。## 准备工作：环境要求与依赖项在开始搭建Neon环境前，请确保你的系统满足以下要求：- Linux操作系统（推荐Ubuntu 20.04+或Debian 11+）- Git

avatar 腾讯云开发者社区