vscode前端开发插件推荐

vscode下载地址:https://code.visualstudio.com/

  • Auto Close Tag
    推荐指数:⭐⭐⭐⭐⭐

Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text does.
自动添加HTML / XML关闭标记

  • Auto Rename Tag
    推荐指数:⭐⭐⭐⭐⭐

Auto rename paired HTML/XML tag
自动修改html的标签

  • Color Highlight
    推荐指数:⭐⭐⭐⭐⭐

Highlight web colors in your editor
突出显示网页颜色

  • Prettier - Code formatter
    推荐指数:⭐⭐⭐⭐⭐

Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
在Visual Studio代码中美化javascript,JSON,CSS,Sass和HTML。

  • Bracket Pair Colorizer
    推荐指数:⭐⭐⭐⭐

This extension allows matching brackets to be identified with colours. The user can define which characters to match, and which colours to use.
允许使用颜色标识匹配的括号。用户可以定义要匹配的字符以及要使用的颜色。

  • filesize
    推荐指数:⭐⭐⭐⭐

This package is intended for use with the Visual Studio Code editor and it displays the size of the focused file in the status bar of the editor.
编辑器的状态栏中显示焦点文件的大小

  • Path Intellisense
    推荐指数:⭐⭐⭐⭐

Visual Studio Code plugin that autocompletes filenames.
自动填充文件名

  • Vetur
    推荐指数:⭐⭐⭐⭐⭐ <= 开发vue必备

目前 VSCode 上面最好用的 Vue 插件。格式化代码、高亮、代码格式检测、自带Emment、括号自动补全

  • vscode-icons
    推荐指数:⭐⭐⭐⭐

可以控制vscode中的文件管理的树目录显示图标

  • Vue 2 Snippets
    推荐指数:⭐⭐⭐

提供一些vue的代码片段

  • One Dark Pro
    推荐指数:⭐⭐⭐⭐

Atom's iconic One Dark theme, and one of the most downloaded themes for VS Code!
Atom标志性的一个黑暗主题,也是最受欢迎下载的vs代码主题之一!

  • Version Lens
    推荐指数:⭐⭐⭐⭐

Shows package version information for npm, jspm, dub and dotnet core in the Visual Studio Code editor.
在编辑器中显示NPM、JSPM、DUB和DOTNET核心的包版本信息。

  • Comment Translate
    推荐指数:⭐⭐⭐⭐

This plugin uses the Google Translate API to translate comments for the VSCode programming language.
使用google translate api为VSCode编程语言翻译注释。【对英语不好的中文开发者很友好】

  • Import Cost
    推荐指数:⭐⭐⭐⭐

Display import/require package size in the editor
显示导入包的大小

  • Todo Tree
    推荐指数:⭐⭐⭐⭐⭐

Show TODO, FIXME, etc. comment tags in a tree view
展示项目中TODO的标签,便于查找

  • Live Server
    推荐指数:⭐⭐⭐⭐⭐

Launch a development local Server with live reload feature for static & dynamic pages
为静态和动态页面启动具有实时重新加载功能的开发本地服务器

推荐阅读更多精彩内容