No.60 和 Volar 核心贡献者 Ray 聊 LSP、前端开源和高二生活
2024/7/25
Web Worker-前端程序员都爱听
R
Ray (陆老师)
沈
沈青川 (川哥)
蚂
蚂蚁老哥
Ray (陆老师):
自我介绍，解释微信昵称由来。分享了参与Volar开源项目的经历，从最初修复bug到成为核心贡献者。详细解释了Volar作为嵌入式语言框架的作用，以及它与Vue的关系。介绍了LSP(Language Server Protocol)语言服务器协议，以及它在代码编辑器中的作用。分享了自己学习前端技术的经验，包括阅读源码、参与开源项目、修复bug等方法。最后谈到了自己作为高二学生如何平衡学习和开源项目维护的时间，以及家人对学习技术的支持。
沈青川 (川哥):
从开发者的角度解释了Volar的作用，以及它在Vue项目中的应用。详细解释了Volar如何处理在TypeScript文件中嵌入Vue模板，提供语法高亮、智能补全等功能。讨论了LSP协议，以及它与代码高亮之间的关系。分享了自己开发View1项目中使用Volar的经验，并解释了Volar 1.0和2.0版本之间的区别。
蚂蚁老哥:
从普通用户的角度解释了Volar的作用，以及它如何提升Vue开发体验。解释了Volar作为框架，可以帮助开发者更快速地为新的编程语言创建语言服务器。讨论了LSP协议，以及它在不同IDE中的应用。
Smart:
参与讨论，提出一些问题和建议。
质子:
参与讨论，分享一些观点和看法。
Ray (陆老师):
分享了在维护Volar过程中遇到的有趣故事和挑战，例如TypeScript版本升级带来的兼容性问题，以及一些hack技巧。
沈青川 (川哥):
讨论了Volar与Vue Loader的区别，以及它们各自的目标和用途。
蚂蚁老哥:
解释了Volar Labs插件的作用，以及它如何帮助开发者理解Volar的工作原理。
Smart:
参与讨论，提出一些问题和建议。
质子:
参与讨论，分享一些观点和看法。
Deep Dive
Shownotes Transcript
标题里的 LSP 是什么？
LSP（Language Server Protocol）是一个由微软提出的协议，用于实现新的编程语言的代码编辑器和集成开发环境（IDE）之间的通信。其主要目的是提供统一的接口，使得不同的编辑器可以利用语言服务器提供的功能，如代码补全、语法检查、跳转到定义等。
介绍
这一期我们阵容强大，不仅有全新嘉宾 Volar 核心维护者 Ray入老师，还有川哥（沈青川）和三咲智子的限时返场以及我们非常专业的听友蚂蚁老哥。
- 电脑 暗影精灵 i7 14700f 4060Ti
- 鼠标 罗技 G502
- 键盘 醉鹿A75 Pro 磁轴
- 显示器 科睿 x41
节目中我们聊了关于volar、LSP等一些技术方案，包括它们能做些什么、背后的工作原理、在我们开发时对我们的帮助；
我们聊了入老师在参与开源的一些趣事、踏上开源之路的背后故事；
我们聊了入老师的作为萌新的学习历程、对未来的一些思考。
时间轴
02:00 探索微信名字背后的故事：从希腊字母到内嵌语言的奇妙之旅
06:07 查看TS文件中的 vue模板，了解其语法和智能补全功能
12:11 LSP：一个用于语言服务器协议的安装插件及其使用场景
18:25 解析代码语法：理解LSP语言服务器的重要性与作用
24:33 vue vine：一个全新的编写组件方式，利用 volar的功能进行开发
36:50 volar.js 和 vue-loader ：编译过程中的两个工具，有何不同？
42:59 揭开volar.js和 vue-vine 的神秘面纱：它们之间的关系是什么？
49:06 学习建议：理解文档缺乏的情况下如何学习？
55:16 类型检查的挑战：如何在TS中检测类型是否存在？
01:01:25 开发者的学习秘籍：如何更好地理解前端和工程化技术？
01:07:33 播客的魅力：探讨技术学习与个人发展的平衡之道
本次时间轴有 AI 辅助生成。
更多信息
在节目中提到的一些插件