vsCode前端插件

170 阅读2分钟

通用插件

  1. HTML Snippets

超级实用且初级的 H5代码片段以及提示

2.HTML CSS Support

让 html 标签上写class 智能提示当前项目所支持的样式 新版已经支持scss文件检索

3.Debugger for Chrome

(暂时不需要)让vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试 配置稍微复杂一些

4.jQuery Code Snippets

jquery 重度患者必须品

5.vscode-icon

让 vscode 资源树目录加上图标,必备良品!

6.Path Intellisense

自动路径补全,默认不带这个功能的

7.Npm Intellisense

require 时的包提示(最新版的vscode已经集成此功能)

8.Document this

js 的注释模板 (注意:新版的vscode已经原生支持,在function上输入/** tab)

9.ESlint

(暂时不需要)ESlint 接管原生 js 提示,可以自定制提示规则。这个比较高玩,不会的就算了

10.HTMLHint

html代码检测

11.Project Manager

在多个项目之前快速切换的工具

12.beautify

格式化代码的工具

13.Bootstrap 3 Sinnpet

常用 bootstrap 的可以下

14.Atuo Rename Tag

修改 html 标签,自动帮你完成尾部闭合标签的同步修改,不过有些bug。

15.GitLens

丰富的git日志插件

16.fileheader

顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间

17.filesize

在底部状态栏显示当前文件大小,点击后还可以看到详细创建、修改时间

18.Bracket Pair Colorizer

让括号拥有独立的颜色,易于区分。可以配合任意主题使用。

vue插件

  1. vetur

语法高亮、智能感知、Emmet等

  1. VueHelper

snippet代码片段

主题

  1. Material

冷门、好看、实用。此主题已停更许久

2.Dracula

vscode 1.11+允许自定义statusBar等全局ui后,该主题也跟进改了很多小细节,良心!~

3.One Dark Pro

源于Atom,老版本的Atom One Dark主题可以扔了.