前端妹子又来了,LeetCode-Practice持续更新,开源/debugger的使用小技巧/更多新进展!

大家好,我是薇薇。

上次的文章也是我的处女作# 前端妹子失业在家刷题,开发了个leetcode刷题工具,效率直接翻倍!一经发布就在掘金热榜上挂了两天,激动的都睡不着觉了,非常感谢大家的支持和鼓励(90度鞠躬)。

但是也收到了一些质疑的声音

前端妹子又来了,LeetCode-Practice持续更新,开源/debugger的使用小技巧/更多新进展!

前端妹子又来了,LeetCode-Practice持续更新,开源/debugger的使用小技巧/更多新进展!
作为一个小镇做题家+前端卷王,俺一向是听劝且虚心接纳所有意见的,对内怼天怼地,对外好声好气,争取每一个潜在的用户。

业内有句名言:计算机语言只有两种,一种是被骂的,一种是没人用的。文章和工具也是一样,有人看到我们,给我们建议才会持续进步

废话不多说,连夜同步一下新进度,希望能获得持续的关注和更多人的参与~

使用VSCode打断点小技巧

第一步

  • 安装我们的npm脚手架,详细教程见这里
  • 如果你已经有使用leetcode-practice的经验,可以跳过这一部分
npm install -g leetcode-practice
  • 你需要准备一个空白的项目,这是我的

前端妹子又来了,LeetCode-Practice持续更新,开源/debugger的使用小技巧/更多新进展!

前端妹子又来了,LeetCode-Practice持续更新,开源/debugger的使用小技巧/更多新进展!

执行

lc 11

这样你就能使用我们的插件拉下这道题啦,它长这样

前端妹子又来了,LeetCode-Practice持续更新,开源/debugger的使用小技巧/更多新进展!

熟悉我们工具的小伙伴都知道,这时候可以执行lk 20进行校验了。

但是我们要打断点,所以和之前的步骤有点不一样。

这是一个常规的vscode控制台

前端妹子又来了,LeetCode-Practice持续更新,开源/debugger的使用小技巧/更多新进展!

前端妹子又来了,LeetCode-Practice持续更新,开源/debugger的使用小技巧/更多新进展!
上个动图

前端妹子又来了,LeetCode-Practice持续更新,开源/debugger的使用小技巧/更多新进展!

在函数体内打断点,输入debugger(为了模拟真实的使用场景,我把我写好的题解注释掉)

前端妹子又来了,LeetCode-Practice持续更新,开源/debugger的使用小技巧/更多新进展!
这时候再执行lk 20

前端妹子又来了,LeetCode-Practice持续更新,开源/debugger的使用小技巧/更多新进展!

耶 断点生效了!

前端妹子又来了,LeetCode-Practice持续更新,开源/debugger的使用小技巧/更多新进展!

上个动图看一下

前端妹子又来了,LeetCode-Practice持续更新,开源/debugger的使用小技巧/更多新进展!

怎么样?是不是很酷,反正我个人是觉得能解决我刷 LeetCode的很大一个痛点了,快来试试吧!

前端工程化项目的更多使用姿势

昨天我们的github仓库收到了一个真实的用户issue

来看看这位同学是怎么使用的

前端妹子又来了,LeetCode-Practice持续更新,开源/debugger的使用小技巧/更多新进展!

虽然lp在热爱折腾的A佬的不懈努力下拥有很多种形态,但这样用确实是我们从未设想过的道路,但我敏锐的挖掘到了用户的真实需求,那就是在一个拥有前端工程化的项目里配置自己的命令,这样可以拥有更多的灵活性

一开始我们想的是把lc/lk/lf这三个js文件导出,但,问题又来了,该怎么用呢?

这时我突然灵光一闪,去看看vue-cli怎么做的,简单来说,它提供了一个指令,用来代替当前项目下的node_modules中的.bin下面的内容

也就是说,你可以通过配置

"scripts": { 
 "lc": "node node_modules/.bin/lc -i" 
},

来实现这样的效果,当然,我们也计划在未来版本中实现类似vue-cli-serve之类的功能,敬请期待!

基础建设和组织更新

一开始这个项目相当于是A佬发起的个人项目,后来有了更多人的参与,它也从草台班子走向更健壮的草台班子(……)之路

我们拥有自己的组织啦!

前端妹子又来了,LeetCode-Practice持续更新,开源/debugger的使用小技巧/更多新进展!
我还特意拜托了前司的设计大佬帮我们设计了Logo,当然还没设计好,现在的github默认的头像,但是很激动所以先把牛逼吹出来!以后会越来越好滴

另外我们已经拥有六名贡献者了。

前端妹子又来了,LeetCode-Practice持续更新,开源/debugger的使用小技巧/更多新进展!

拥有了github actions脚本文档项目和husky/eslint配置

非常感谢大家的付出

关于开源这件事

其实最开始加入这个行业,除了贪图程序员的高薪之外,还有一个更重要的愿景就是听过Linus大佬的事迹,像理想主义者的天堂,虽不能及,心向往之。

我们这个团队,很多人都是第一次做这件事,经验不够丰富,技术也不够强,跌跌撞撞,居然也做出来个能用的东西

前端妹子又来了,LeetCode-Practice持续更新,开源/debugger的使用小技巧/更多新进展!

TODO List

优先级高

  • finder完成
    1. 主要功能:可以对题目进行不同的筛选或者关键词搜索
      1. 关键词搜索 – 通过关键词进行模糊搜索,通过选择列表项进行创建题目
      2. 热门列表查看 – 查询hot100题目列表,可以通过左右按键分页查看
      3. 筛选
        1. 标签筛选
        2. 难度筛选
        3. 通过率
  • 登陆和提交到leetcode
  • 提供一个类似vue-cli-serve的脚手架配置项
  • 国际化
  • 插件制作-WS/VS code
  • fork脚本的编写

优先级中

  • 获取题解和代码
  • 获取更完备的测试用例,增强用户体验

代码优化及基础建设

  • e2e测试集成和仿真环境搭建

最后

现在无论是掘金/脉脉/知乎还是身边的技术群,都充斥着焦虑的声音。大家都在徒劳的思考,明天该怎么办,然后日复一日午夜梦回,带着焦虑沉沉睡去。

甚至昨天我还在做关于找工作的梦呢。

三年前端经验的我,三年加班加出了六年的经验,离职的前一秒还想着我没改完的bug,某个模块还没来得及重构的更好,写给前端同事的vscode提效插件还没来得及发新版本呢…………

然后就通知我,嘿同学,你被开除啦。

拿着热乎的n+1,拔剑四顾心茫然。

欲渡黄河冰塞川,将登太行雪满山。行路难,行路难,多歧路,今安在。

但无论如何,行动是唯一的解药,唯有行动,才能自救。

欢迎加入我们,一起做事,希望我们都能:长风破浪会有时,直挂云帆济沧海!

最后求点赞求star,你的star是我们前进的动力✨
仓库地址

原文链接:https://juejin.cn/post/7343883765541077043 作者:海德薇

(0)
上一篇 2024年3月9日 下午4:26
下一篇 2024年3月9日 下午4:37

相关推荐

发表回复

登录后才能评论