前端vscode插件搭配

189 阅读1分钟

Chinese (Simplified) Language Pack for Visual Studio Code

  • 适用于 VS Code 的中文(简体)语言包

koroFileHeader

  • 在vscode中用于生成文件头部注释和函数注释的插件

Beautify

  • 美化 javascript, JSON, CSS, Sass, 以及 HTML 。一般需要配合.jsbeautifyrc使用

ESLint

  • 检查代码是否符合规范

npm Intellisense

  • import、require npm模块是自动补全

Vue VSCode Snippets

  • Vue 语法片段扩展

Path Intellisense

  • 路径提示

vscode-icons

  • 文件图标

IntelliSense for CSS class names in HTML

  • css类名智能提示

Auto Close Tag

  • 自动闭合HTML/XML标签

Auto Rename Tag

  • 自动完成另一侧标签的同步修改

Bracket Pair Colorizer

  • 给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色

HTML CSS Support

  • html css智能提示

HTML Snippets

  • 智能提示HTML标签,以及标签含义

JavaScript(ES6) code snippets

  • ES6语法智能提示,以及快速输入,不仅仅支持.js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间

open in browser

  • vscode不像IDE一样能够直接在浏览器中打开html,而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari