VScode 常用30个插件,非常全面!
1. Vetur/Volar :vue/vue3语法高亮、智能感知、Emmet等, 包含格式化功能, Alt+Shift+F (格式化全文)
2. ESLint : 校验js代码规范
3. Prettier - Code formatter : 格式化js、css代码插件
4. open in browser : 在文件右键 可以选择在浏览器预览
5. Auto Rename Tag : 重命名一个HTML / XML标签时,自动重命名配对的HTML / XML标签
6. Path Intellisense :路径自动补全插件
7. Bracket Pair Colorizer :各种结对的括号颜色高亮
8. HTML CSS Support : html 标签上 class 智能提示当前项目所支持的样式
9. HTML Snippets: H5代码片段以及提示
10. CSS Peek: css 样式追踪
11. filesize: 在底部状态栏显示当前文件大小,点击后还可以看到详细创建、修改时间
12. REST Client :优雅调试接口
13. npm Intellisense:导入语句自动补全npm模块名称
14. Code Runner :代码一键运行,支持超过40种语言
15. Color Info : CSS 中使用颜色得色彩模型的(HEX、 RGB、HSL 和 CMYK)
16. Format Files : 一键格式化目录下所有代码
17. image preview :鼠标hover图片路径上,显示图像预览
18. JavaScript Booster :代码重构,简化插件(把var转为const或者let,去除多余的else语句,合并声明和初始化)
19. Debugger for Chrome:编辑器中打断点,轻松地在Chrome里调试JavaScrip
20. GitLens :丰富的git日志插件
21. Material Icon Theme:Material主题图标
22. Sea Green Theme:主题
23. Chinese (Simplified) Language Pack for Visual Studio Code:中文(简体)语言包为VS Code提供本地化界面
24. Alignment:根据=、:、*=、+=、=>、/=等符号对选中代码快速对齐
25. Debug Visualizer:实现算法可视化插件
26. Settings Sync:同步 Visual Studio Code 设置
27. Turbo Console Log:快捷console.log
28. LeetCode:刷题网站 LeetCode插件
29. :emojisense: :快速挑选 Markdown 中的 Emoji。
30. Live Server:加载功能的本地开发服务器,以处理静态和动态页面。
推荐阅读
- #HTML|javascript------>对象数据类型
- Python(我想修复在vscode上的excel中打开csv文件时出现的乱码)
- ESP32-C3|ESP32-C3 应用程序的启动流程
- 工具|Vscode常用快捷键
- 前端|VScode 主题和打字特效配置,让你的VScode活“”起来
- python|Python绘制概率曲线三
- python|Python绘制概率曲线二
- #|一个辅助 VSCode 下开发 STM32 的脚本
- STM32f103学习笔记|Vscode下搭建STM32开发环境 -- Ubuntu 20.04