VS Code 折腾记 - (19) 一些相对实用的编码体验插件(偏前端)

简介: 天天跟代码打交道,这一年下来我也收集了部分好玩的插件,至少我觉得改善了我的编码体验~有兴趣的可以瞅瞅~~

网络异常,图片无法展示
|


前言


天天跟代码打交道,


这一年下来我也收集了部分好玩的插件,


至少我觉得改善了我的编码体验~


有兴趣的可以瞅瞅~~


插件集列表


拓展名及链接 描述
File Suggest 改善typescript下编码的文件引入提示,用的还不错
JS/TS Biscuits 这个有点意思,方便我们定位代码块,在闭合端就能感知到!
Bracket Lens 这个和上面有点类似,但是又有一些差异,很棒的体验~
Parameter Hints 这个可以把参数类型显性出来,更有IDE的感觉了,
我很喜欢这个插件(TS&JS都支持)
Separators 这个也是方便快速定位的,函数区域块一目了然~用过的都说好
Template String Converter 这个节省了我不少编码时间,简直必备~
Package.json Helper 可以快速定位到包的位置以及npm的仓库位置,省了不少时间
Microsoft Edge Tools for VS Code 目前用edge来作为主力开发,同步什么贼方便,也是chromium内核~~这个扩展就是适配edge浏览器debug的 
javascript console utils 我喜欢这个给我包裹的console添加随机色和emoji,在控制台很清晰就能看到,也能一键清除所有console
CSS Initial Value 用来感知css默认样式,大大节省了时间,有些时候不用特意跑去MDN
Colorful Comments 这个很有意思,可以自定义高亮关键字,也天然支持TODO


主题推荐


主题名及链接 体验
Legendary Dark 传说黑骑士~~换个说法,超神范!我觉得很舒服~
Winter is Coming Theme 和上面相比,这个提供的暗色风比较多,有些很柔和~


效果图


我当前的编码界面,如图~~


网络异常,图片无法展示
|



目录
相关文章
|
1月前
|
自然语言处理 API C++
阿里通义推出SmartVscode插件,自然语言控制VS Code,轻松开发应用,核心技术开源!
SmartVscode插件深度解析:自然语言控制VS Code的革命性工具及其开源框架App-Controller
|
1月前
|
前端开发 数据处理 Android开发
Flutter前端开发中的调试技巧与工具使用方法,涵盖调试的重要性、基本技巧如打印日志与断点调试、常用调试工具如Android Studio/VS Code调试器和Flutter Inspector的介绍
本文深入探讨了Flutter前端开发中的调试技巧与工具使用方法,涵盖调试的重要性、基本技巧如打印日志与断点调试、常用调试工具如Android Studio/VS Code调试器和Flutter Inspector的介绍,以及具体操作步骤、常见问题解决、高级调试技巧、团队协作中的调试应用和未来发展趋势,旨在帮助开发者提高调试效率,提升应用质量。
55 8
|
1月前
|
开发工具 C++ git
利用VS Code提升开发效率的五大插件推荐
本文推荐了五款能显著提升开发效率的VS Code插件:ESLint用于代码质量和风格检查;Prettier自动格式化代码;GitLens增强Git功能;Live Server提供前端实时预览;Docker支持容器管理。
|
1月前
|
前端开发 数据可视化 数据挖掘
前端开发者的福音:这些插件让你轻松应对各种复杂需求!
前端开发领域充满创意与挑战,面对复杂需求,开发者常感力不从心。本文通过三个真实案例,介绍如何利用Chart.js、ESLint和Ant Design等强大插件,解决数据可视化、代码质量和UI组件复用等问题,提高开发效率,创造更出色的前端作品。
28 3
|
2月前
|
前端开发 JavaScript 数据库
VSCode编程助手工程能力体验报告(一):通义灵码 - 帮你高效切入新项目、编码和提升质量
我是一位软件工程师,用通义灵码个人版vscode插件的workspace做项目分析和复盘,对比之前没有灵码,现在提效了80%,本文介绍了具体的使用流程。
230 2
|
2月前
|
前端开发 JavaScript
乾坤qiankun(微前端)样式隔离解决方案--使用插件替换前缀
乾坤qiankun(微前端)样式隔离解决方案--使用插件替换前缀
528 8
|
2月前
|
自然语言处理 JavaScript 开发者
通义灵码插件:VSCode 的智能编程助手
通义灵码插件:VSCode 的智能编程助手
785 3
|
2月前
|
前端开发 JavaScript 编译器
2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
【10月更文挑战第11天】2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
479 0
2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
|
2月前
|
存储 前端开发 Java
验证码案例 —— Kaptcha 插件介绍 后端生成验证码,前端展示并进行session验证(带完整前后端源码)
本文介绍了使用Kaptcha插件在SpringBoot项目中实现验证码的生成和验证,包括后端生成验证码、前端展示以及通过session进行验证码校验的完整前后端代码和配置过程。
326 0
验证码案例 —— Kaptcha 插件介绍 后端生成验证码,前端展示并进行session验证(带完整前后端源码)
|
4月前
|
前端开发 Go
vscode10大常用插件
本文介绍了前端开发中常用的工具及VSCode必备插件。推荐使用VSCode作为入门工具,并介绍了WebStorm和HBuilder等其他选项。VSCode插件包括:Open-In-Browser、live-server、Beautify、Code Runner、Image Preview、Path Intellisense、Turbo Console Log、css-auto-prefix、Bracket Pair Colorizer 和 Auto Rename Tag,这些插件能够显著提升开发效率和代码质量。此外,还提供了录制Gif图的工具GifCam。
167 5