Visual Studio Code 中开发前端常用插件

Visual Studio Code 是一款开源全平台的代码开发工具，支持三大平台Windows、Linux、Mac。除了Mac平台没有使用过外，Linux的开发体验和Windows基本一致。

虽然Visual Studio Code 支持多种语言的开发，但是在后端有IntelliJ IDEA这样的开源版本提供使用，所以在Java Web开发中一般使用IDEA开发后端，Vs Code开发前端。

Visual Studio Code 作为一款轻量级的IDE，本身不是很强大，但是在开发插件的支持下，前端代码开发也能如鱼得水。

以下基于笔者开发Web过程中常用插件的推荐。

Prettier - Code formatter

代码格式对于开发过程来说是很重要的一件事，统一的代码格式能够代码更好的代码阅读体验。

Prettier 支持多种语言的代码格式化，包括 Js、Vue、Html、Css等等。

通过搜索 Prettier - Code formatter 安装。

Vue Language Features (Volar)

Vue 官方出品支持Vue框架源码开发的插件，使得开发Vue源码更加方便。

包括 Vue文件的高亮显示、ESLint的语法集成支持、代码格式化等等。开发Vue必备。

通过搜索 Volar 安装。

其它开发vue的辅助推荐还包括 Vue Peek 文件跳转、 vue-helper 对 Element-UI, VUX, IVIEW 的增加开发体验。

JavaScript (ES6) code snippets

提供 ES6 语法的代码提示，通过缩写就能写出常用的代码。

例如输入 clo 就能打印对象 console.log('object :>> ', object); 。

支持的缩写包括 Import and export 、 Various methods 、Console methods 等等。

通过搜索 JavaScript (ES6) code snippets 安装。

Markdown Preview Enhanced

程序员写文档必备的markdown语法，这款插件提供markdown的文档、图标语法、函数语法的支持。还可以导出和预览markdown文档。

通过搜索 Markdown Preview Enhanced 安装。

markdownlint

markdown的语法检查支持，还提供了一部分程序修正功能。很实用、很方便。对于不熟悉markdown语法的人很是有用。

通过搜索 markdownlint 安装。

GitLens — Git supercharged

VsCode的git使用体验不是很好，通过该插件能增强git的使用过程。

通过搜索 GitLens 安装。

参考

• Visual Studio Code Doc