非常实用的VSCode插件

694 阅读3分钟
  • Vetur (6,135,976)

Vetur支持.vue文件的语法高亮显示,除了支持template模板以外,还支持大多数主流的前端开发脚本和插件

  • View In Browser (763,945)

浏览器打开html vscode修改默认浏览器

  • Visual Studio IntelliCode (8,288,501)

帮助开发人员提供智能的代码完成建议而构建的,并且已预先构建了对多种编程语言的支持

  • Prettier (9,548,585)

它是一个强大的、自以为是的代码格式化程序,可以让开发人员以结构化的方式格式化他们的代码

  • Auto Rename Tag (4,127,601)

重命名一个HTML / XML标签时,自动重命名配对的HTML / XML标签

  • Bracket Pair Colorizer (4,071,829)

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

  • Chinese (Simplified) Language Pack for Visual Studio Code (7,384,216)

此中文(简体)语言包为 VS Code 提供本地化界面。

  • Code Runner (5,643,042)

右键选项run code 运行代码

  • Debugger for Chrome (6,855,274)

代码调试断点

  • Dracula official (1,746,937)

颜色主题

  • ES7 React/Redux/GraphQL/React-Native snippets (2,083,831)
  • ESLint (11,899,548)
  • Git History (3,228,857)

浏览Git文件操作历史记录的工具

  • GitLens — Git supercharged (7,176,522)

gitlens插件可以直接在光标处显示代码编写人以及时间;方便共同开发时候git做版本控制时候的相关代码管理

  • HTML CSS Support (4,528,541)

代码自动补全(html标签、style样式、css属性及值、)

  • HTML Snippets (4,394,889)

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

  • Path Intellisense (3,869,244)

自动路劲补全

  • Npm Intellisense (2,610,916)

require 时的包提示

  • IntelliSense for CSS class names in HTML (2,804,196)

把项目中 css 文件里的名称智能提示在 html

  • JavaScript (ES6) code snippets (4,452,210)
  • koroFileHeader (130,995)

用于生成文件头部注释和函数注释的插件

  • Live Server (8,543,152)

一个具有实时加载功能的小型服务器,可以使用它来破解html/css/javascript

  • Live Share (3,403,147)

Live Share是Google Docs级别的代码协作,多个开发人员可以同时在同一个文件上进行协作,而无需离开自己的编辑器。

  • Remote - SSH (2,279,554)

linux 可视化操作

  • Project Manager (1,257,320)

多个项目之间的快速切换

  • Import Cost (845,445)

显示对应依赖的大小

  • Code Spell Checker (1,990,561)

码拼写检查插件,可以为开发者报告一些常见的拼写错误