用vscode编写静态页面_开发中实用的VSCode插件推荐

本篇文章给大家介绍一下开发中实用的VSCode插件推荐。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

工欲善其事必先利其器，以下是本人为前端开发收集的vscode插件，有需要的话赶紧mark起来吧~

一、代码片段类插件

英文叫做 Snippets，就是把常见的代码模式抽出来，通过 2~3 个键就能展开 N 行代码。

VS Code JavaScript(ES6) snippets

当前最流行的，已有超过 120 万的下载量。这个插件为 JavaScript、TypeScript、HTML、React 和 Vue 提供了 ES6 的语法支持；

React-Redux ES6 Snippets

jQuery Code Snippets

二、自动补全类插件

Path Intellisense

自动路劲补全

Visual Studio IntelliCode

从 GitHub 上高星的开源项目经过大量的机器学习训练，给开发者提供最合适的 IntelliSense 上下文建议功能，除此之外，还有代码格式化和规则推测等功能。

Npm Intellisense

用于在import语句中自动填充npm模块

IntelliSense for CSS class names

智能提示 css 的 class 名，目前也没有用

Vetur

Vue 的语法高亮、智能感知、Emmet 等；

Surround

在你的代码块中增加外包裹模板

htmltagwrap

可以在选中HTML标签中外面套一层标签

使用方法：选中要包裹的代码，快捷键Alt+w，默认外包裹标签为p，可以在设置里搜索htmltagwrap将外包裹标签改为div

<