vsCode安装使用教程和插件安装，vscode安装使用教程

vsCode安装使用教程和插件安装，vscode安装使用教程

vsCode安装使用教程

• vsCode是什么
• vsCode安装
• vsCode汉化
• vsCode常用命令说明
• vsCode左边图标说明
• vsCode基本使用
• 前端常用插件
• 在vosCode中显示html界面

vsCode是什么

Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。

vsCode安装

voCode是免费的软件
下载地址链接: 官网下载.

vsCode汉化

按F1 搜索 Configure Display Language 设置 zh-cn 关闭软件重启。


如果重启后还是英文的，那么在商店查看已安装的插件，把中文插件Chinese(simplified) 重新安装一遍，然后重启软件即可。

vsCode常用命令说明

注意

vsCode左边图标说明

vsCode基本使用

前端常用插件

插件	描述
HTML Boilerplate	你只需在空文件中输入 html，选中html:5即可生成一个新的网页文件，也可以输入一个感叹号
vscode-browser-plus	在编辑器内预览HTML(快捷键Ctrl+F1)
CSS Peek	使用此插件，你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代码
Color Info	这个便捷的插件，将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息了。
Auto Close Tag	这个便捷的插件，将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息了。
Auto Close Tag	自动闭合HTML/XML标签
Auto Rename Tag	自动完成另一侧标签的同步修改
HTML Snippets	智能提示HTML标签，以及标签含义
JavaScript(ES6) code snippets	ES6语法智能提示，以及快速输入，不仅仅支持.js，还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间
Path Intellisense	自动提示文件路径，支持各种快速引入文
jQuery Code Snippets	jQuery代码智能提示
Icon Fonts	这是一个能够在项目中添加图标字体的插件。该插件支持超过 20 个热门的图标集，包括了 Font Awesome、Ionicons、Glyphicons 和 Material Design Icons。

如果你是小白，没有必要非要弄懂插件的作用，先安装，后面用着用着你就熟悉了
安装方法

在vosCode中显示html界面

如果你觉得对你有帮助，点个赞支持一下，如果有什么问题要指出，欢迎你在评论区留言