VScode常用的插件集合
文章已阅读次
- Vetur/Volar :vue/vue3语法高亮、智能感知、Emmet等, 包含格式化功能, Alt+Shift+F (格式化全文)
- ESLint : 校验js代码规范
- Prettier - Code formatter : 格式化js、css代码插件
- open in browser : 在文件右键 可以选择在浏览器预览
- Auto Rename Tag : 重命名一个HTML / XML标签时,自动重命名配对的HTML / XML标签
- Path Intellisense :路径自动补全插件
- Bracket Pair Colorizer :各种结对的括号颜色高亮
- HTML CSS Support : html 标签上 class 智能提示当前项目所支持的样式
- HTML Snippets: H5代码片段以及提示
- CSS Peek: css 样式追踪
- filesize: 在底部状态栏显示当前文件大小,点击后还可以看到详细创建、修改时间
- REST Client :优雅调试接口
- npm Intellisense:导入语句自动补全npm模块名称
- Code Runner :代码一键运行,支持超过40种语言
- Color Info : CSS 中使用颜色得色彩模型的(HEX、 RGB、HSL 和 CMYK)
- Format Files : 一键格式化目录下所有代码
- image preview :鼠标hover图片路径上,显示图像预览
- JavaScript Booster :代码重构,简化插件(把var转为const或者let,去除多余的else语句,合并声明和初始化)
- Debugger for Chrome:编辑器中打断点,轻松地在Chrome里调试JavaScrip
- GitLens :丰富的git日志插件
- Material Icon Theme:Material主题图标
- Sea Green Theme:主题
- Chinese (Simplified) Language Pack for Visual Studio Code:中文(简体)语言包为VS Code提供本地化界面
- Alignment:根据=、:、*=、+=、=>、/=等符号对选中代码快速对齐
- Debug Visualizer:实现算法可视化插件
- Settings Sync:同步 Visual Studio Code 设置
- Turbo Console Log:快捷console.log
- LeetCode:刷题网站 LeetCode插件
- :emojisense: :快速挑选 Markdown 中的 Emoji。
- Live Server:加载功能的本地开发服务器,以处理静态和动态页面。
原文链接:https://blog.csdn.net/tangkebo/article/details/117339968