VSCode 前端开发插件推荐

February 10, 2022

VSCode 是目前较为流行的一款开发工具。插件功能强大,利用好插件,可以很好的提高开发效率。

下面推荐几款前端常用的插件。

通用插件

ESLint

ESLint 是一款 JS 代码规范检查插件,可以自定义代码规范规则。

Typescript 可用 TSLint

Prettier

Prettier 是一款代码格式化插件,一般结合 ESLint/TSLint 使用。

react

ES7+ React/Redux/React-Native snippets

ES7+ React/Redux/React-Native snippets 快速生成常用代码,提高编码效率。

Vue

Vetur

Vetur 是一款 vue2.0 时代开发必备的插件

文档:https://vuejs.github.io/vetur/

Vue 3 Snippets

Vue 3 Snippets 这个插件基于最新的 Vue 2 及 Vue 3 的 API 添加了 Code Snippets。

Vue - Official

Vue 3 Snippets 官方提供,为 Vue SFC 提供了开箱即用的格式化功能。 文档:https://cn.vuejs.org/guide/scaling-up/tooling.html#formatting

工具类

Polacode

Polacode 是一款截图插件,可以生成好看的截图。

Code Runner

Code Runner 直接运行代码片段或代码文件。方便调试。

GitLens

GitLens 是一款 Git 管理插件

TODO Highlight

TODO Highlight 是一款管理 TODO 跟 FIXME 注释的插件。