汉化。Chinese

npm Intellisense npm 模块导入插件

JavaScript(ES6) code snippets ES6语法智能提示,快速输入,还支持.js,还支持.ts,.jsx,.tsx,.html,.vue

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

8.Beautify 代码格式化。

1.Vetur Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger

Element UI Snippets element UI提示

Volar (vue3提示工具,兼容一些新特性)

Vue 3 Snippets (vue2,vue3的一些快捷代码块)

2.1 Open-In-Browser
在浏览器中打开文件的内置界面

2.2 live-server 🔥
开启服务,并且页面热更新.

安装后在vscode底部会出现Go Live按钮。

2.3 Beautify
Beautify 插件可以快速格式化你的代码格式,让你在编写代码时杂乱的代码结构瞬间变得非常规整

按键盘F1调出快捷键,选择Beautify file

2.4 Code Runner
万能语言运行环境,直接通过此插件就可以直接运行对应语言的代码

2.5 Image Preview
鼠标移到路径里显示图像预览

2.6 Path Intellisense
路径自动补全插件

2.7 Turbo Console Log
快捷添加 console.log,一键 注释 / 启用 / 删除 所有 console.log。

快捷鍵 解释
ctrl + alt + l 选中变量之后,使用这个快捷键生成 console.log
alt + shift + c 注释所有 console.log
alt + shift + u 启用所有 console.log
alt + shift + d 删除所有 console.log

2.8 css-auto-prefix
自动添加 CSS 私有前缀,解决兼容性的利器

2.9 Bracket Pair Colorizer
给嵌套的各种括号加上不同的颜色,便于区分作用域

2.10 Auto Rename Tag
自动修改匹配的 HTML 标签

2.11 GitLens — Git supercharged
查看上次代码的提交人

Logo

前往低代码交流专区

更多推荐