用 Vue 渐进式搭建聊天室,从 Javascript=>TypeScript - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
spiritree
V2EX    分享创造

用 Vue 渐进式搭建聊天室,从 Javascript=>TypeScript

  •  
  •   spiritree
    spiritree 2017-10-31 09:34:38 +08:00 4900 次点击
    这是一个创建于 2939 天前的主题,其中的信息可能已经有所发展或是发生改变。

    前言

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

    • 纯前端( Vuex )
    • 后端+前端( Javascript )
    • 后端+前端( TypeScript )

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

    预览

    vuechat0.png

    预览地址: 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
        1
    ipwx  
       2017-10-31 09:37:02 +08:00
    能不能科普一下 TypeScript 有啥好?
    qdwang
        2
    qdwang  
       2017-10-31 09:37:53 +08:00 via iPhone   1
    @ipwx 类型安全 适合做大项目
    缺点是编译慢 不适合做大项目
    SuperMild
        3
    SuperMild  
       2017-10-31 09:37:54 +08:00 via iPhone
    没有说为啥要转到 ts 啊
    ipwx
        4
    ipwx  
       2017-10-31 09:47:10 +08:00
    @qdwang 但是我映像中 TS 和 Vue 的集成非常差。很多 Vue 生态的第三方库都不怎么支持 TS,连 Vue 自身都有点够呛。编译慢不是什么特别要考虑的事情,再慢能比 C++ 慢?
    spiritree
        5
    spiritree  
    OP
       2017-10-31 10:02:07 +08:00
    @ipwx Vue2.5 针对 TS 改进很多以后也会大力支持,目前用的最多的 element-ui 是有类型声明的,其他不了解
    HuJian201
        6
    HuJian201  
       2017-10-31 10:11:03 +08:00
    既然 TypeScript 了为何不直接上 Angular
    coldsnap
        7
    coldsnap  
       2017-10-31 10:21:08 +08:00
    @qdwang tsc 比 babel 快多了
    spiritree
        8
    spiritree  
    OP
       2017-10-31 10:59:46 +08:00
    @HuJian201 现在的 Vue 也很 Angular 啊~特别是装上 vue-class-component,Angular 成本还是比 Vue 高不少
    spiritree
        9
    spiritree  
    OP
       2017-10-31 13:48:06 +08:00   1
    jamesliu96
        10
    jamesliu96  
       2017-11-03 17:43:43 +08:00
    @qdwang 哈哈哈哈哈哈哈哈哈哈哈哈哈你这个黑得漂亮
    HuJian201
        11
    HuJian201  
       2017-11-06 11:47:24 +08:00
    @spiritree 额,感觉 Vue 和 TypeScript 的搭配还没有到 ng 的水平,成本的话 ng 确实比 vue 高。。。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     6135 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 02:26 PVG 10:26 LAX 18:26 JFK 21:26
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86