Vs Code常用的插件

@TOCVs Code常用的插件

1、Beautify css/sass/scss/less (2.3.3)

css/sass/scss/less的格式化
在这里插入图片描述

美化CSS,SASS和更少的代码(Visual Studio Code的扩展名)
如果您美化其他语言,则代码/文本将被美化为Visual Studio Code的默认格式化程序。

2、Chinese (Simplified) Language Pack for Visual Studio Code

vs code的简体中文的语言包
在这里插入图片描述

3、Code Spell Checker

代码拼写检查器
在这里插入图片描述

该拼写检查器的目的是帮助捕获常见的拼写错误,同时保持较低的误报率。
例如命名有不合适的地方会有下划线标注

4、Color Highlight

颜色值在代码中高亮显示
在这里插入图片描述
代码中的颜色设置会直接在代码上显示
例如:
在这里插入图片描述

5、Debugger for Chrome

Chrome调试器
让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试
在这里插入图片描述
支持的功能

设置断点,包括在启用源映射时在源文件中的断点
步进,包括Chrome页面上的按钮
“本地”窗格
调试eval脚本,脚本标签和动态添加的脚本
手表
安慰

6、GitLens — Git supercharged

可清晰查看代码提交人等等
在这里插入图片描述

增强Visual Studio Code中内置的Git功能—通过Git责备注释和代码透镜直观地显示代码作者,无缝浏览和浏览Git存储库,通过强大的比较命令获得有价值的见解,等等。

7、koroFileHeader

文件头部添加注释
在这里插入图片描述

8、Log Wrapper

可以自动生成打印(console.log())
在这里插入图片描述
windons快简健:ctrl+shift+q
插件设置->扩展设置->在这里插入图片描述
配置在这里插入图片描述
“debugwrapper.wrappers”: {

"javascript": "console.log('$eSEL', $SEL)",
"typescript": "console.log('$eSEL', $SEL)",
"php": "echo '<pre>$eSEL<br />'; var_dump($SEL); echo '</pre>';",
"default": "console.log('$eSEL', $SEL);"

}

9、open in browser

vscode直接打开浏览器
在这里插入图片描述

10、Path Intellisense

自动补全路径
在这里插入图片描述

10、Prettier - Code formatter

代码格式化程序(格式化代码)
在这里插入图片描述

11、Spell Right

代码拼写正确
在这里插入图片描述

12、stylus

css预处理器
在这里插入图片描述

13、TSLint(1.3.3)

typescript语法检查
在这里插入图片描述

14、Vetur(0.24.0)

vue语法高亮,识别vue文件
在这里插入图片描述

15、koroFileHeader

在vscode中用于生成文件头部注释和函数注释的插件在这里插入图片描述

16、vscode-icons

显示Activate图标消息。文件加上图标信息
在这里插入图片描述

17、auto close tag

自动闭合HTML标签

18、auto rename tag

修改HTML标签时自动修改匹配标签

19、HTML css suppot

css提示,支持vue的css提示

20、stylelint

css/sass/less代码风格

21、path autocomplete

完整路径提示

初学者记录,待补充。。。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值