提高效率的VScode插件


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


vscode-icons

让你的左边栏的文件显示相应的icon 图表
提高效率的VScode插件_第1张图片

TODO Parser

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

open in browser

右键选中文件,在浏览器中打开文件
提高效率的VScode插件_第2张图片

Git History

查看Git提交的历史,对比提交文件的差异。按 F1
图片描述

Document This

自动生成JSDoc注释文档在JS或者TS文件中
提高效率的VScode插件_第3张图片

Prettier

格式化JS,TS,CSS文件

Docker

很方便的部署构建Docker应用

Bookmarks

添加书签,很方便跳转过去。可以对书签进行管理
提高效率的VScode插件_第4张图片

AutoFileName

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

Path Intellisense

自动感应引入文件的路径

Import Cost

显示引入包的大小
图片描述

vscode-wechat

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

Python

Python语言的插件

Go

Go语言的插件

npm

支持执行定义在package.json文件中的脚本,验证定义的依赖模块
提高效率的VScode插件_第5张图片

npm Intellnsense

能自动导入已经安装的npm
图片描述
选中之后出现已经安装的包
提高效率的VScode插件_第6张图片

Code Runner

选中代码去执行
提高效率的VScode插件_第7张图片

还可以选中规定的的语言去执行
图片描述
选中之后出现语言的列表
提高效率的VScode插件_第8张图片

Live Server

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

提高效率的VScode插件_第9张图片

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

你可能感兴趣的:(提高效率的VScode插件)