用 Vue 渐进式搭建聊天室，从 JavaScript=>TypeScript

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 2615 天前的主题，其中的信息可能已经有所发展或是发生改变。

前言

Vue+Socket.io 这个轮子已经有很多人造过了，为了不重复造轮子，我将本项目以三阶段实现（大家可以在 github 中的 Releases 查看）：

纯前端（ Vuex ）
后端+前端（ JavaScript ）
后端+前端（ TypeScript ）

希望能给大家一个渐进学习的经验。

预览

预览地址： https://app.spiritree.me

文章地址： https://juejin.im/post/59f5de305188254eaf27d729

Github 地址： https://github.com/spiritree/vue-socket.io-chat

欢迎 Star&Fork 谢谢大家

11 条回复 • 2017-11-06 11:47:24 +08:00

ipwx

2017-10-31 09:37:02 +08:00

能不能科普一下 TypeScript 有啥好？

qdwang

2017-10-31 09:37:53 +08:00 via iPhone

@ipwx 类型安全适合做大项目
缺点是编译慢不适合做大项目

SuperMild

2017-10-31 09:37:54 +08:00 via iPhone

没有说为啥要转到 ts 啊

ipwx

2017-10-31 09:47:10 +08:00

@qdwang 但是我映像中 TS 和 Vue 的集成非常差。很多 Vue 生态的第三方库都不怎么支持 TS，连 Vue 自身都有点够呛。编译慢不是什么特别要考虑的事情，再慢能比 C++ 慢？

spiritree

2017-10-31 10:02:07 +08:00

@ipwx Vue2.5 针对 TS 改进很多以后也会大力支持，目前用的最多的 element-ui 是有类型声明的，其他不了解

HuJian201

2017-10-31 10:11:03 +08:00

既然 TypeScript 了为何不直接上 Angular

coldsnap

2017-10-31 10:21:08 +08:00

@qdwang tsc 比 babel 快多了

spiritree

2017-10-31 10:59:46 +08:00

@HuJian201 现在的 Vue 也很 Angular 啊~特别是装上 vue-class-component，Angular 成本还是比 Vue 高不少

spiritree

2017-10-31 13:48:06 +08:00

@ipwx
@SuperMild
[TypeScript 体系调研报告]( https://juejin.im/post/59c46bc86fb9a00a4636f939)

jamesliu96

2017-11-03 17:43:43 +08:00

@qdwang 哈哈哈哈哈哈哈哈哈哈哈哈哈你这个黑得漂亮

HuJian201

2017-11-06 11:47:24 +08:00

@spiritree 额，感觉 Vue 和 TypeScript 的搭配还没有到 ng 的水平，成本的话 ng 确实比 vue 高。。。