提高效率的VScode插件


有效的利用VScode插件能更方便我们的工作,提高我们的工作的效率


vscode-icons

让你的左边栏的文件显示相应的icon 图表
alt

TODO Parser

代办事项,会在左下角显示一个按钮,点击显示所有的代办事项
alt

open in browser

右键选中文件,在浏览器中打开文件
alt

Git History

查看Git提交的历史,对比提交文件的差异。按 F1
alt

Document This

自动生成JSDoc注释文档在JS或者TS文件中
alt

Prettier

格式化JS,TS,CSS文件

Docker

很方便的部署构建Docker应用

Bookmarks

添加书签,很方便跳转过去。可以对书签进行管理
alt

AutoFileName

引用的时候自动补全文件的名称

Path Intellisense

自动感应引入文件的路径

Import Cost

显示引入包的大小
alt

vscode-wechat

微信小程序的插件,可以预览小程序

Python

Python语言的插件

Go

Go语言的插件

npm

支持执行定义在package.json文件中的脚本,验证定义的依赖模块
alt

npm Intellnsense

能自动导入已经安装的npm
alt
选中之后出现已经安装的包
alt

Code Runner

选中代码去执行
alt

还可以选中规定的的语言去执行
alt
选中之后出现语言的列表
alt

Live Server

启动一个开发者本地静态资源的服务
alt
点击启动之后:
alt

solidity

以太坊开发语言solidity语言的支持

emmet

这个插件从sublimeVscode再到Atom一直在用,web开发者的利器

Vetur

开发 VUE 项目的插件,可以对 VUE 代码进行语法高亮和语法提示等功能

minapp

微信小程序文件语法高亮,智能提示的功能

Bracket Pair Colorizer

用不同的颜色显示 {} 方便区分不同的代码块, 默认的时候 {} 是白色的

REST Client

直接用 Vscode 发送 Http 请求 和查看 响应的结果 (调试 API接口)

GitHub Pull Requests

Gothub Pull Requests 的操作集成到 Vscode 中,方便操作,安装成功需要在 Vscode 中认证 Gothub 账号

Debugger for Chrome

在浏览器中调试你的 JS 代码

vscode-fileheader

给一个文件 在文件顶部添加一些文件注释,包括: Auth , LastModifiedBy 两个变量 , tpl 模版变量,可以修改 该模版,对应修改显示的内容
alt

Java Extension Pack

JavaVsCode 上开发插件集合包括 Language Support for Java™ by Red Hat, Debugger for Java, Java Test Runner,Maven Project Explorer

GitLens

增强 Vscode 的 Git 功能, 完全包含上面推荐的 Git History 插件. 该插件强烈推荐

RemoteHub

在本地看某个 GitHub repository 的代码时,你就不需要将代码 clone 下来了,你可以直接打开这个 repository 相关的工作区,所有文件、文件夹都是从 GitHub 按需下载下来

Live Share

你可以将你本地的工作区,直接分享给你的同伴,然后你的同伴就可以直接编辑你的代码,与你共享代码调试、集成终端等等,而无需安装任何环境

Live Share Audio

Live Share的增强插件,可以让 Live Share 语音通信

Remote Development

远程开发套件,可以让你在Vscode中打开在远程机器容器或者 WSL 中的任意文件夹及文件,然后利用Vscode 强大的功能

alt
扫描关注,查看更多文章,提高编程能力