Add line numbers toggle on code snippets 🔢
维护者通常 2 天内回复
还没有人认领这个 Issue。
评估
- 难度
- 2/5
- 预计耗时
- 1-3 小时
- 新手友好度
- 85/100
- Issue 类型
- 功能
- 描述清晰度
- 描述清楚
- 活跃度
- 冷清
- 技术栈
- javascript, react
- 领域
- frontend
调研方向
从 client/src/components/Board/TaskCard.jsx 开始，阅读代码片段如何通过 react-syntax-highlighter 渲染。添加一个用于切换内置行号显示的开关；完成标准是用户可以显示和隐藏代码片段中的行号，而不会触发任务卡片。
由索引模型根据 Issue 内容生成。
描述
Add line numbers toggle on code snippets 🔢
File: client/src/components/Board/TaskCard.jsx
Code snippets show no line numbers 💀
Hard to reference specific lines fr!!
Fix:
const [showLineNums, setShowLineNums] = useState(false)
<button
onClick={(e) => {
e.stopPropagation()
setShowLineNums(v => !v)
}}
className="text-[10px] text-[#555]
hover:text-purple-400 transition">
{showLineNums ? '# hide' : '# lines'}
<SyntaxHighlighter
showLineNumbers={showLineNums}
...
~6 lines! showLineNumbers built into
react-syntax-highlighter ✅
No backend needed 🎯
- 主要语言
- JavaScript
- 星标
- 39
- 派生
- 105
- 平均合并
- 1 天 12 小时
- 30 天内合并 PR
- 27
环境准备
- 没有 Dockerfile 或 Docker Compose 文件
- 没有 Pull Request 模板
- 阅读贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
anoopcodehack/DevBoard 的其他 Issue
-
good first issue
难度 1/5 1-3 小时 新手友好度 88/100
anoopcodehack/DevBoard#589 ·
维护者通常 2 天内回复
-
enhancement good first issue
难度 2/5 1-3 小时 新手友好度 68/100
anoopcodehack/DevBoard#588 ·
维护者通常 2 天内回复
-
good first issue
难度 2/5 1-3 小时 新手友好度 82/100
anoopcodehack/DevBoard#587 ·
维护者通常 2 天内回复
-
good first issue
难度 1/5 1 小时以内 新手友好度 90/100
anoopcodehack/DevBoard#586 ·
维护者通常 2 天内回复
-
good first issue
难度 2/5 1-3 小时 新手友好度 65/100
anoopcodehack/DevBoard#584 ·
维护者通常 2 天内回复
查看 anoopcodehack/DevBoard 的全部 Issue
相似的 Issue
-
难度 1/5 1-3 小时 新手友好度 67/100
Morni-Team/pkmessenger#44 · 4 条评论 ·
维护者通常 1 天内回复
-
status/needs-triage type/bug
难度 2/5 1-3 小时 新手友好度 85/100
PKU-YuanGroup/OpenAI4S#218 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 62/100
debpalash/VoiceStudio#2678 ·
维护者通常 1 天内回复
-
bug
难度 2/5 1-3 小时 新手友好度 82/100
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 66/100
维护者通常 3 天内回复