总是嘲笑别人起了个大早，赶了个晚集。其实我自己也是。

我们程序员群体，应该是第一个接触 chatgpt 的群体，但是那会更多的评价是不过如此，体验体验也就这样了。

对待 cursor 也是一样的道理，我本人应该也是 cursor 非常早期的用户，最开始也是不过如此，直到现在：产品经理、设计师都开始挑战 2 天上线人生小程序了，我才决定尝试从公司配的 github copilot 迈出。

那么面对新的编程工具，首先摆在面前的就是： Cursor 和 Trae 了。

两款工具的选择，就是迈出 AI 编程的第一步。

在不算特别深度的体验后，即便 Cursor 需要付费，我也还是选择了 Cursor。

核心的原因在于两点：

1. 代码保密性问题

这一点可谓是非常核心，公司的代码外传，在任何一家软件开发公司，都是不容置疑的红线。

在如今一言不合就裁员的情况下，被人抓住把柄，那简直就是羊入虎口，正愁怎么不发 n+1 呢，你就送上门了(你人还怪好的嘞)。

Cursor 在使用之初，就会询问，是否使用隐私模式。

有了这一条，才敢使用它打开公司的代码。

而 Trae 在初次使用的过程中完全没有提及，上传与否，完全不知情，作为用户，作为要打开公司代码的程序员，我是不太敢用的。

2. 新手引导

对于程序员来讲，写代码的 AI 工具，对我们来讲也几乎是全新的，我们关心的问题其实很简单：

怎么样针对片段代码进行调整？怎么样结合上下文进行调整？

而让我付费的点也很重要：你的代码补全比 copilot 好在哪了？我为啥要付费。

在这一点上，Cursor 做的一个新手引导就非常棒，这个引导不阻塞，也不明显，对于程序员这个群体，可谓是恰到好处。(此处忘记截图)。

在这个引导中，非常丝滑的解答了我这几个问题：

如何对片段代码调整？选中目标代码，command + I 即可;

如何结合上下文调整，问题说完之后不直接按 enter, 而是 command + enter; (更新太快了，现在应该是不需要了)

代码补全比 copilot 好在哪里了？强大的 tab 补全，除了补全当前位置的代码，还会预测下一个位置

而这其中，tab 补全，对于效率提升，可谓是直接起飞。也是我付费 Cursor 最主要的点，毕竟，目前的阶段，人工写代码的时间还是更多的，更智能的补全，是目前提效最可观的地方。

以上两点，就是我选择 Cursor 最主要的原因。

ps: 很多独立开发者会标记：程序员是”铁公鸡”，其实也不然，也有可能只是付费阈值比较高罢了。

最后，别忘了关注我公众号：程序员芋仔。每周也可能每月更新一篇程序员大佬分析。

AI程序员时代，我也组建了一个前端抱团取暖群，欢迎加我微信来撩：mxb151，加群备注简单的自我介绍和加群哦。

你以为的糖衣，可能还是枚炮弹 — 芋仔

我本来以为我早就超脱于消费主义陷阱了，直到我意识到，我以为的只是我以为。

我周围见过三种人：

1. 我花超过未来能力范围的钱

可能会从发工资能还上，到分期还，到贷款还，最终心力交瘁，父母买单，自己潜意识负罪，没个大几年走不出来。

更不论这其中费率利率的字眼，不仔细琢磨只会被拿捏的死死的。

2. 我花我未来能力范围内的钱

超前消费，能还上，但是往往空档期存在余额为0的情况，心也很累，在职场上只能唯唯诺诺，畏手畏脚

3. 我就薅一下羊毛，分期，贷款都不碰

羊毛是薅上了，真金白银也是实打实花出去了。而且信用卡最隐晦的一条，就是，你花钱的时候，没有余额减少的过程。

这个可能不太明显，我用储蓄卡做对比：你的余额是会减少的，但是信用卡，他的数字是增加的(账单)，看似一模一样，实则精准拿捏人性。

而最后这一点，是我最近才意识到的，我以为的糖衣羊毛，实际上也是一枚炮弹，也是写这篇文章的最初来源。

上大学了，花父母钱交学费可以，谈恋爱不行

不知道是哪里灌输的这种小男子主义思想，我在大学谈恋爱的时候，就不想花父母要一分钱。

“父母的钱，用来交学费可以，自己享受，谈恋爱，不行。”

这个观念不论正确与否，那就是我在大学时的真实情感。

我还记得跟女朋友(现在是我老婆)吃的那一顿面，是在某个商场负一楼的苏式面馆，味道完全没印象，因为那一顿之后，我的奖学金就见底了。

一顿唏嘘之后，就开启了发传单各种兼职活动，街边发，进宿舍楼发，推荐办卡，被学弟耻笑，也不敢跟同学讲。

好在后来专业优势，掌握了一技之长，开了个淘宝店接一些 FPGA 软件开发的单子，因为涉及到硬件，当时还是蓝海，大钱谈不上，但是足够两个大学生，度过还算体面的学生时代。

那时没有这么多记账软件，我就用笔记本记，今天 100，明天 50，有时候运气好，国外学生的单子几千也有，但是都是血汗钱。

当我一笔一画，记下 50：花了一个小时， 100：花了一天，甚至 20：花了半个小时 的时候，就知道了：

“血汗钱，是一个象形词”

也正因如此，花钱的时候，其实会缩手缩脚，不是害怕，是肉疼。

“那花的不是钱，是我的血汗”

到现在我还会记得，大学毕业厦门旅游，美团1块钱团购被老板说，街上100块都没有舍得给我和老婆买的半只芝士烤龙虾，即便后来吃到更好的，也还是会惦记：那个苦了自己和老婆的龙虾，那个不敢跟老板对骂的自己。

马上就有工资了，毕业旅行搞起来，钱不够？某呗搞起，毕业就一次

研究生毕业时，由于有大厂实习的经历，拿到了一份当时薪资还可观的 offer，20k。

分分钟就飘了，信用卡办起来，某呗搞起。

毕业就一次，求婚就一次，必须国外，必须浪漫。

所以还没毕业，就透支了信用卡，日本关东关西走一遭，switch，refa 安排上，也吃了最贵的一顿：蟹道乐。

这一趟，淘宝接单的钱基本已经见底，还有某呗一些欠款。工资一发，配合上房租等等，第一个月存款结余：-xxx。

之所以是 xxx，一方面确实记不得了，另一方面，由于多张信用卡，以及花呗，本期账单，未出账单，也让我一度没摸清楚，自己到底欠了多少钱。

抱着下个月发工资就能还上的心态，我选择了去巴厘岛求婚，酒店必须是带泳池的，求婚场地必须是浪漫的，小费几百几百的给，一趟下来，几个 w 又没了。

这次回去，我擦，钱好像还不上了？

至此，超前消费梦觉醒，饶是以 20k 的工资，也是耗费了数月才扭亏为正，有多少存款，办多少事，绝对不超前消费。

这一过程，好在我迅速意识到这个陷阱，周围不少同学陷进去，还着看似低费率实则利率需要乘以2的信用卡分期。直到压的喘不过气来，父母兜底，自己陷入无尽的内耗和羞愧。

不过，我虽然快速从这个陷阱中跳出，但是依旧保留了信用卡消费的习惯，毕竟存款是有利息的呀，信用卡，除了免息，还有各种羊毛呢。

但是，你以为的糖衣，其实也是炮弹。这一点，我在多年之后，某个清晨突然才意识到。

xx信用卡，半价吃午餐，返现1%

信用卡优惠，什么疯狂星期四，x行星期五，半价吃晚餐，办卡送行李箱，积分换烤箱。

薅羊毛的快乐确实无以言表，那会椒色(人均100)，我们几个信用卡用户，人均10块各种大菜硬菜，半年加了10kg，我现在都觉得不可思议，10块的工作餐，吃蟹黄豆腐，吃蛋黄茄子，吃水煮肉片。

享受着薅羊毛的快乐，虽然都有优惠，但是花出去的，确确实实是口袋里的真金白银。

我以为我去除了炮弹，只留糖衣，但是实际上，这些糖衣钝化了我消费的意识。

这一钝化，就是5年，直到如今才意识到，信用卡的消费，账单数字是增加的，存款消费，数字是减少的。

这种增加的感觉，一定程度上，钝化了消费的意识，而羊毛的快乐，降低了冲动消费的悔意。

即便曾经也是100，50，20挣钱的我，也依旧沉溺其中，毕竟仔细算来，这么几年赚的也有不少个了，但是实际存款却并非如此。这其中，这些羊毛的功劳可着实不小。

唯有自渡

以上，便是我关于金钱的一些故事了。

以前的人，最多月光也就罢了，如今深陷分期、借贷泥潭的，才是真的牛马且痛苦。

希望能帮助大家尽早明白这个道理吧，万般皆苦，唯有自渡！

半年前，我第一次成为了二面面试官。这段经历不仅让我，一个曾经的候选人，对许多问题有了更新的理解，也逐渐澄清了我之前在面试过程中的那些困惑。高频次的面试，也使得我对于自己，对于面试这一行为本身，有了深刻的反思和新的认识。我也希望通过分享这些体会，能为那些即将踏上这段旅程的人提供一些启示和帮助。

明明聊的很开心，算法题也做出来了，却没有后续了？

这应该是很多同学在二面的时候遇到的问题。一般来讲，一面完成了基础知识的考察，二面就是你将来的直属上级。

也正是由于二面会是你入职之后的直属上级，这种情况才更容易发生，明明聊的很开心，算法题也做出来了，却没有后续。

从我担任二面面试官的经验来言，因为考虑到候选人入职之后，将是我的直接下属，所以，考察的关键点并不仅仅在于技术层面，性格是否匹配，处事风格如何，过往经历是否匹配，学习能力如何，也是决定是否通过的重点。

除此之外，聊的开心，也并不等于技术过关。

由于工作经验和年限不同，候选人和面试官，往往在技术视野上存在一定的 gap。而项目经验的不同，也会导致候选人和面试官在技术的了解上存在偏差，双方熟悉的领域并不相同。

碰到有类似的项目经验的面试官，那么在深度上，往往会深挖，这一过程中，候选人可能会感觉良好，觉得问对了，觉得聊的比较开心。

而在面试官的角度，可能并不会认同，由于技术视野和技术深度的偏差，一旦候选人达不到预期的深度或方案上没有自己的思考，可能会认为候选人在技术方案和深度上，都有待加强。

当然，除此之外，还有很多原因会导致没有后续(不过 hc 不足，有更好的候选人等，这些其实一般不会发生在二面，往往会发生在 hr 面之后)，上述也仅仅只是我个人作为面试官的一些想法。

这面试官问的问题怎么这么奇怪？这问题有答案吗？

不知道有没有同学遇到过，面试官在聊了项目之后，会抛出一个非常开放的问题，有可能是项目的延伸，有可能是项目的未来规划，也有可能是一个不好实现的问题。

比如：如何在 vue 里面使用 react 组件，react 能够使用 vuex 吗这种天马行空的问题 (当然，这个问题纯属示例，一般都会和项目相关，比如如果重构，你会多出哪些考虑，能不能用另一种方案实现它)。

这里的背后，作为面试官一般是这样的心理活动，和候选人这个项目聊的还不错，深度也还 ok，姑且问个开放性的问题，看看随机应变的能力和创新性吧。

遇到这样的情况，其实也很简单了，面试官要的并不是一个准确的答案，甚至有可能问题本身就有问题。

此时，就大开脑洞，也别管能不能实现，正确与否，按照你的想法，天马行空也好，讨论问题也罢，聊就对了。

你有遇到过什么困难或者有技术难度的问题吗？

我自己作为候选人被面试的时候，有时候会被问到这个问题。

当时的内心 os 真的是，你问这么虚的问题，真不靠谱，敢不敢问点实在的。

当我成为面试官之后，我才明白，这个问题背后的意思（当然，这仅仅代表部分情况并非全部）。

往往会在聊了一会项目之后，问出这个问题。

这里其实要注意了，问出这个问题，大概率意味着，前面的项目咱们都聊过了，在我的视角下，可能不是太有挑战性，技术上复杂度一般，当然，也可能是因为咱们项目经验的差别，导致我看不出你做的项目的复杂度。

此时，问出这个问题，让候选人自己把困难或者项目的复杂度抛出来，来避免由于我自己的判断导致错误估计了候选人的技术实力。

一般一到两年经验的同学，被问到这个问题还算正常，因为一般来讲，这个年限的同学做的事情都比较基础。而如果是三到五年的同学，那么就需要看看是否自己简历上的项目描述是否有突出复杂性和难度。

要应对这个问题，就必须上点技术复杂度了。如果业务复杂，可以讲述业务的情况和场景，如果技术复杂，那么可以看看有哪些你认为复杂的点没有聊到，可以再聊聊。

如果业务确实不复杂，那么可以聊聊看过的源码，或者自己平时钻研的一些问题或者当下热门的话题，比如之前 react18 的 renderToPipeableStream 和传统 ssr 的区别，或者前一段时间 vue 作者认为 react 文档存在让开发者自行 pua 的情况的讨论。

这里的核心，就在于突出自己的技术深度以及对各种方案背后的思考。

那到底什么算深度呢？

提到深度，如果是以前的我，必然会反驳，前端，就是画画页面，有什么深度可以说呢？

但是实际上，大家还是低估了自己工作的复杂度，画页面的简单，仅仅只是因为那些复杂的东西，其他同学在底层都处理掉了。

在一个成熟的前端团队中，工具层面的复杂度基本都在底层被一些同学或者一些组进行了解决。

比如：资源文件的缓存处理，html 文件一般进行协商缓存或者不缓存，而 js、css 文件一般使用强缓存。这些在部署平台就进行了处理，从我面试的候选人来讲，知道协商缓存强缓存的很多，涉及的几个头背的滚瓜烂熟，但是他们的具体用途，往往会含糊不清有所犹豫。

再比如组件库，基本上大家都在用，那么组件库是如何实现按需加载的？或者你的项目中，组件库是否是正常按需加载的吗？组件库的组件，应该提供哪些打包产物呢？你的项目中又是什么样的产物呢？对于样式文件，有哪些处理方案呢？各自的优劣如何？

再比如，项目的打包产物，是否还需要对 promise, async/await 这些语法进行 polyfill，2024 年了，我们的 babel 还有必要把 es6 语法转为 es5 吗？

而更底层的复杂度，从 Jquery, 到 react, vue，再到 svelte, solid 等声明式框架，被这些更底层的框架所掩盖。

那么回到深度，对于做业务的同学，确实不太会对构建打包，组件库、脚手架建设有那么多的了解。但是业务同学，是需要对整个项目的技术选型，性能优化，代码可维护性负一定的责任的。

这里我也只能结合我自己的经验聊一聊深度，并不具有代表性。

比如常见的 react 中的多次渲染如何优化，为什么需要全局状态管理，context 如何避免不必要的渲染，对于 redux 有多少了解，它的中间件思想可以拿出来用到项目中吗？这是我在给组内设计一款合适的状态管理时做的思考，在后来准备面试的时候就做了更多相关的了解。

再比如一些项目本身，就有一定的复杂度，比如我之前做的可视化埋点平台，涉及到一些生僻 api 使用，iframe 通信的设计，以及 babel 插件、webpack 插件等来稳定 xpath 的开发。而这个技术项目，本身也是在我们运营活动的场景下所演化出来的一个平台。

这里建议候选者，对自己的项目一定要进行深挖，涉及到的相关知识点，务必要吃透。比如写了在用 redux，那么势必就需要对其原理有比较多的了解。

本身面试双方信息就是不对等的，面试官一旦在你的优势项目中，发现深入度和思考还不如自己初看这个项目时的思考，将会是非常大的一个减分项。

结语

以上，便是我的一些感悟和思考。

其实这半年的时间，于我而言，也可以说是一场对面试去魅的过程。

站在面试官的角度去实际同候选人交流，有时候就像遇到过去的自己。也很快就理解了以前的我，单纯作为候选人的时候的诸多困惑。

希望本文的一些解答，能够帮助大家对与面试有更好的理解。也祝大家在新的一年里，都有更好的 offer！

问题描述

在新接手的项目中，存在vscode点击无法跳转到对应文件的情况，具体如下：
相对路径引入的xxx.jsx文件无法自动跳转，但是.js文件可以

针对这个问题，做了一个非常简单的demo来进行演示和问题的复现：github

在该项目的入口文件src/test.js中就存在这样的问题

解决方案

经过对vscode源码debug，基本了解了大致流程。得到的正确解法如下：

解法1:

删除项目目录下的jsconfig.js，可以实现jsx，js文件的自动跳转

解法2:

jsconfig.json中配置如下：

{
    "compilerOptions": {
      "jsx": "preserve", // 共有三种枚举： react, react-native, preserve，实测均可
   },
    "exclude": ["node_modules"]
}

改进解法2:

一般来讲，jsconfig.json的存在都是配合webpack alias进行快速跳转，故可以参考如下配置：

{
    "compilerOptions": {
      "jsx": "react-native",
      "baseUrl": "./",
      "paths": {
        "@/*": ["src/*"]
      }
    },
    "exclude": ["node_modules"]
}

增加了baseUrl和paths，此时代码中可以进行如下引入：

原理探究

vscode源码本地启动

此部分可以参考vscode的contribute文档。文档写的比较详尽，此处补两个点：

1. yarn配置淘宝源，等待时间会短很多
2. 一部分资源需要从github拉取，一般公司的命令行都会配置成gitlab的名称，可以局部修改成github的姓名邮箱。不然有部分资源会403。

vscode相关代码定位

vscode源码主要分为两部分：src, extensions。由于本身对源码不熟悉，而且也只是为了定位问题，故没有仔细查看调用链路，最终得出以下结论：
寻找jsx文件是由内置扩展: typescript-language-features提供的，具体代码可以见definitions.ts。如果想编写支持其他文件的扩展，只需要注册registerDefinitionProvider这样的方法即可，可以参考jump-definition。
此处再往下追的话，会是一份typescript经过打包后的代码，故没有深究。看到这里的时候，其实可以推测进入js文件之后，左下角会出现这一个状态：

等该内置扩展加载之后，才能使用点击跳转的功能。这里可以参考该扩展的package.json:

当检测到当前文件语言是js/jsx的时候，该扩展会被激活，从而出现左下角的加载状态。

小结

这个问题解决方案是非常简单的，不过之前在网上查了很久也没有得出结论（因为我的项目下有个jsconfig.json，即便什么配置都没有也还是找不到jsx文件），迫不得已去本地debug vscode的源代码。
不过还好，最终拿到了结果，顺利解决问题。希望能够让遇到类似问题的同学少走弯路。