[科研实践] VS Code (Copilot) + Overleaf (使用 Overleaf Workshop 插件)

[科研实践] VS Code (Copilot) + Overleaf (使用 Overleaf Workshop 插件)

科研圈写文档常用 Latex 环境,尤其是 Overleaf 它自带的 AI 润色工具 Writefull 太难用了。如果能用本地的 CoPilot / Cursor 结合 Overleaf,那肯定超高效!


于是我们找到了 VS Code 里的 Overleaf Workshop 插件。这里已经安装好了,没装过的同学可以直接点击 “安装”

安装后左边会出现 Overleaf Workshop 的图标:

点击右边的“+”:

Overleaf 官网需要登录,这里我们通过 cookie 调用已登录账号的 API:

回到主界面,右键点击 “检查”:


打开检查工具后,找到 “网络”(Network)窗口,搜索 “/project”

/project

如果首次加载没内容,刷新页面就能看到 project 条目了:


点击 project 条目,往下找到 “请求标头”,需要复制一段包含 cookie 的字符串(“神秘代码”)。这段代码全选后按 Ctrl+C 复制:

回到 VS Code,选择 “通过 cookie 登录”,粘贴(Ctrl+V)刚才的 cookie 字符串,回车确认:

这时会列出所有 Overleaf 项目。单击新窗口打开,打开后界面和 Overleaf 一致,左边是 LaTeX 代码,右边是 PDF 预览(“Ctrl+cmd+v” 预览快捷键)。现在试试本地 AI 功能:安装 VS Code 后,可连接 GitHub 或其他 AI 工具(如 CoPilot)

这相当于是用本地AI工具远程操作网页端的Overleaf

接下来就可以畅快写作啦~

快捷键:Ctrl + S 就能直接开始远程编译啦

参考视频:科研论文党王炸组合overleaf+Copilot_哔哩哔哩

Read more

前端状态管理:别让你的状态变成一团乱麻

前端状态管理:别让你的状态变成一团乱麻 毒舌时刻 这状态管理得跟蜘蛛网似的,谁能理得清? 各位前端同行,咱们今天聊聊前端状态管理。别告诉我你还在使用 setState 管理所有状态,那感觉就像在没有地图的情况下寻宝——能找,但累死你。 为什么你需要状态管理 最近看到一个项目,组件之间传递状态需要经过 5 层,修改一个状态要修改多个地方。我就想问:你是在做状态管理还是在做传递游戏? 反面教材 // 反面教材:混乱的状态管理 function App() { const [user, setUser] = useState(null); const [posts, setPosts] = useState([]); const [comments, setComments] = useState([]); const [loading, setLoading] = useState(true); useEffect(() => { async function fetchData() { setLoading(

如何用10分钟语音数据构建专业级变声模型:Retrieval-based-Voice-Conversion-WebUI全平台实践指南

如何用10分钟语音数据构建专业级变声模型:Retrieval-based-Voice-Conversion-WebUI全平台实践指南 【免费下载链接】Retrieval-based-Voice-Conversion-WebUI语音数据小于等于10分钟也可以用来训练一个优秀的变声模型! 项目地址: https://gitcode.com/GitHub_Trending/re/Retrieval-based-Voice-Conversion-WebUI Retrieval-based-Voice-Conversion-WebUI是一款基于VITS架构的跨平台语音转换框架,它突破性地实现了仅需10分钟语音数据即可训练高质量模型的能力,并支持NVIDIA、AMD、Intel全平台显卡加速。该框架通过创新的top1检索技术有效防止音色泄漏,结合模块化设计满足从科研实验到商业应用的多样化需求,为语音转换领域提供了高效且易用的解决方案。 零基础部署流程:三行命令完成环境配置 硬件兼容性检查 在开始部署前,需确认系统满足以下基本要求: * Python 3.8及以上版本 * 至少4G

前端监控:让你的网站问题无处遁形

前端监控:让你的网站问题无处遁形 毒舌时刻 前端监控?这不是后端的事吗? "我的代码没问题,不需要监控"——结果用户反馈网站崩溃,自己却一无所知, "我有日志,还需要什么监控"——结果日志太多,根本找不到问题, "监控太复杂了,我没时间做"——结果问题频发,用户流失。 醒醒吧,前端监控是前端开发的重要组成部分,不是可有可无的! 为什么你需要这个? * 问题发现:及时发现和定位前端问题 * 性能优化:了解网站性能瓶颈 * 用户体验:了解用户真实使用情况 * 数据驱动:基于数据做出决策 反面教材 // 反面教材:没有任何监控 function App() { return ( <div> <h1>我的网站</h1&

LuckyFlow:用Vue3实现的一款AI可视化工作流编辑器

LuckyFlow:用Vue3实现的一款AI可视化工作流编辑器

上期和大家分享我精心打磨的CRM系统——NO-CRM: 耗时一周,我把可视化+零代码+AI融入到了CRM系统,使用体验超酷!https://blog.ZEEKLOG.net/KlausLily/article/details/155347026 收到了很多粉丝的反馈,最近有粉丝反馈能不能出一个Vue版工作流设计的实战项目: 我调研了一下市面上的工作流开源或者商业方案,发现大部分都是 React 写的,所以我觉得确实可以出一期实战内容,设计一款基于 Vue3 版本的工作流引擎,让大家更好的开发AI工作流项目。  下面就是我实现的 Vue3 工作流的演示效果: LuckyFlow 是一款基于 Vue 3 + TDesign 开发的可视化 AI 工作流设计器,支持拖拽式节点编排、多种 AI 模型集成、变量管理等功能。项目采用组件化架构设计,可打包为 SDK 集成到不同框架的系统中使用。 当前项目的实现我借鉴了我之前设计的React版工作流引擎 Flwomix/Flow。所以实现起来还算顺利,