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
为静态和动态页面启动具有实时重新加载功能的开发本地服务器

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容