> 文章列表 > vscode 前端常用插件记录

vscode 前端常用插件记录

vscode 前端常用插件记录

提示:最近新配的电脑开发环境,新装了vscode记录一下安装好用的插件,这样就不用每次都去搜了


一、Auto Rename Tag

标签重命名,自动更改

二、Chinese (Simplified) (简体中文)

中文简体

三、Codelf

生成变量名称,访问国外网站,需要翻墙

四、Color Info

鼠标移上去,查看颜色的值,各种类型的值

五、css-auto-prefix

css内容自动补全

六、GitLens — Git supercharged

git管理器

七、Highlight Matching Tag

高亮当前选中标签,区分标签

八、JavaScript (ES6) code snippets

js,es6智能提示

九、npm Intellisense

自动补全引入node modules里面所安装的依赖。

十、Turbo Console Log

生成注释信息
操作:
ctrl + alt + l 选中变量之后,使用这个快捷键生成 console.log

alt + shift + c 注释所有 console.log

alt + shift + u 启用所有 console.log

alt + shift + d 删除所有 console.log

十一、Vetur

vue代码提示

十二、vscode-icons

vscode文件图标

十三、Vue Language Features (Volar)

vue 超好用强大插件,提供v3支持,并且主要是可以看到css引入和使用情况

十四、Vue VSCode Snippets

vue 快捷代码提供
例子:
vscode 前端常用插件记录

十五 、Todo Tree

注释需要更改并且备注的地方,能快速定位

十六、 koroFileHeade

文件头信息


总结

提示:这里就是个人常用的插件了,下次配置电脑直接按照这个安装即可