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月前
|
iOS开发 MacOS
【Mac系统】解决Vscode中LeetCode插件不能刷剑指offer题库
文章讨论了解决Mac系统中Vscode里LeetCode插件无法刷剑指Offer题库的问题,并提供了一些相关的使用技巧和资源链接。
81 1
|
10天前
|
前端开发 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。
26 5
vscode10大常用插件
|
11天前
|
前端开发 安全 测试技术
[译]一种基于模块联邦的插件前端
[译]一种基于模块联邦的插件前端
|
14天前
|
前端开发 IDE 开发工具
OpenSumi问题之OpenSumi 对于 VS Code 插件生态要如何支持
OpenSumi问题之OpenSumi 对于 VS Code 插件生态要如何支持
|
1月前
|
JavaScript 前端开发 开发者
【颠覆你的前端世界!】VSCode + ESLint + Prettier:一键拯救Vue代码于水深火热之中,打造极致编程体验之旅!
【8月更文挑战第9天】随着前端技术的发展,保持代码规范一致至关重要。本文介绍如何在VSCode中利用ESLint和Prettier检查并格式化Vue.js代码。ESLint检测代码错误,Prettier保证风格统一。首先需安装VSCode插件及Node.js包,然后配置ESLint和Prettier选项。在VSCode设置中启用保存时自动修复与格式化功能。配置完成后,VSCode将自动应用规则,提升编码效率和代码质量。
156 1
|
19天前
|
JSON 前端开发 JavaScript
这 2 个插件,让你的 vscode更牛逼
这 2 个插件,让你的 vscode更牛逼
|
25天前
|
前端开发 开发者
在前端开发中,webpack 作为模块打包工具,其 DefinePlugin 插件可在编译时动态定义全局变量,支持环境变量定义、配置参数动态化及条件编译等功能。
在前端开发中,webpack 作为模块打包工具,其 DefinePlugin 插件可在编译时动态定义全局变量,支持环境变量定义、配置参数动态化及条件编译等功能。本文阐述 DefinePlugin 的原理、用法及案例,包括安装配置、具体示例(如动态加载资源、配置接口地址)和注意事项,帮助开发者更好地利用此插件优化项目。
29 0
|
26天前
|
人工智能 自然语言处理 IDE
通义灵码 - 免费的阿里云 VS code Jetbrains AI 编码辅助工具(二)
通义灵码 - 免费的阿里云 VS code Jetbrains AI 编码辅助工具
70 0
|
26天前
|
IDE Linux 开发工具
通义灵码 - 免费的阿里云 VS code Jetbrains AI 编码辅助工具
通义灵码 - 免费的阿里云 VS code Jetbrains AI 编码辅助工具
96 0
|
27天前
vscode——Prettier插件保存自动格式化
vscode——Prettier插件保存自动格式化
28 0
下一篇
DDNS