VSCode（Visual Studio Code）是由微软研发的一款免费、开源的跨平台文本（代码）编辑器，算是目前前端开发几乎完美的软件开发工具。
1. VSCode常用插件
| 序号 | 插件名称 | 插件功能描述 |
|---|---|---|
| 1 | Chinese | VSCode汉化 |
| 2 | Auto Close Tag | 自动闭合HTML/XML标签 |
| 3 | Auto Rename Tag | 自动完成另一侧标签的同步修改 |
| 4 | Beautify | 格式化 html ,js,css |
| 5 | Bracket Pair Colorizer | 给括号加上不同的颜色，便于区分不同的区块 |
| 6 | Debugger for Chrome | 映射vscode上的断点到chrome上，方便调试 |
| 7 | ESLint | js语法纠错，可以自定义配置 |
| 8 | GitLens | 方便查看git日志 |
| 9 | HTML CSS Support | 智能提示CSS类名以及id |
| 10 | HTML Snippets | 智能提示HTML标签，以及标签含义 |
| 11 | JavaScript(ES6) code snippets | ES6语法智能提示，以及快速输入 |
| 12 | jQuery Code Snippets | jQuery代码智能提示 |
| 13 | Markdown Preview Enhanced | 实时预览markdown |
| 14 | markdownlint | markdown语法纠错 |
| 15 | Material Icon Theme | vscode图标主题 |
| 16 | Icon fonts | 图标字体 |
| 17 | open in browser | 右键快速在浏览器中打开html文件 |
| 18 | Path Intellisense | 自动提示文件路径 |
| 19 | React/Redux/react-router Snippets | React/Redux/react-router语法智能提示 |
| 20 | Vetur | Vue多功能集成插件，错误提示等 |
| 21 | Class autocomplete for HTML | 智能提示HTML class =“”属性 |
| 22 | npm Intellisense | require 时的包提示 |
插件安装步骤：以安装VSCode汉化插件Chinese为例
插件安装示例.png
2. VSCode快捷键
备注：查看VSCode顶部菜单栏，这里不再累赘叙述。
网友评论