vscode的常用插件
汉化。Chinesenpm Intellisensenpm 模块导入插件JavaScript(ES6) code snippetsES6语法智能提示,快速输入,还支持.js,还支持.ts,.jsx,.tsx,.html,.vue1.Bracket Pair Colorizer给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色8.Beautify代码格式化。1.Vetur
汉化。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
查看上次代码的提交人
更多推荐
所有评论(0)