vscode的ruby插件 vscode基本插件

VSCode常用插件（持续更新）

• 前言
• 一、前端开发插件

• 1.1 Vetur *
• 1.2 ESlint *
• 1.3 Prettier *
• 1.4 Beautify
• 1.5 Auto Close Tag
• 1.6 Auto Rename Tag
• 1.7 CSS Peek
• 1.8 Vue Peek
• 1.9 open in browser
• 1.10 HTML CSS Support
• 1.11 Bracket Pair Colorizer
• 1.12 Path Intellisense

• 二、其他插件

• 2.1 GitLens
• 2.2 Remote-SSH
• 2.3 vscode-icons
• 2.4 Markdown Preview Enhanced
• 2.5 Settings Sync

• 参考文章

---

前言

VSCode(全称:Visual Studio Code)是一款由微软开发且跨平台的免费源代码编辑器。
常用的插件推荐汇总如下。

---

一、前端开发插件

1.1 Vetur *

Vue多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。vscode官方钦定Vue插件，Vue开发者必备。

1.2 ESlint *

多用于语法检测，如变量声明

1.3 Prettier *

代码格式化插件，主要用于jsp、css

1.4 Beautify

代码格式化插件，主要用于html的格式化

1.5 Auto Close Tag

自动闭合标签

1.6 Auto Rename Tag

自动重命名标签

1.7 CSS Peek

使用此插件，你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代码。

1.8 Vue Peek

用于Vue快速查看组件定义以及组件跳转，使用方法Ctrl+左击。

1.9 open in browser

编写单页面时，右击直接选择浏览器打开，很方便

1.10 HTML CSS Support

HTML中提示css，可以快速补全，使用方法

1.11 Bracket Pair Colorizer

括号对彩色化，方便区分

1.12 Path Intellisense

路径智能感知，输入标识，快速提示路径，需要在setting.json中配置标识

二、其他插件

2.1 GitLens

Git神器，能查看日志，提示冲突等等

2.2 Remote-SSH

vscode通过ssh连接远程服务器，可以设置免密登录

2.3 vscode-icons

vscode的主题，目录上添加图标，方便区分

2.4 Markdown Preview Enhanced

vscode用做markdown编辑器时，实时预览效果以及preview文档

2.5 Settings Sync

主要用于同步本地vscode配置到云端

参考文章

1、vscode好用插件介绍及安装 2、vscode使用Eslint + prettier + beautify统一代码风格 3、vscode 下使用eslint和prettier行代码格式化以及检查