【文件属性】：
文件名称：vue-socket.io-chat：TypeScript + Vue + ExpressKoa + Socket.io
文件大小：103KB
文件格式：ZIP
更新时间：2021-02-03 14:49:26
koa express typescript vue koa2
教你用Vue渐进式建造聊天室，从JavaScript => TypeScript
前言
Vue + Socket.io这个*已经有很多人造过了，为了不重复造*，我将本项目以三阶段实现（大家可以在github中的Releases查看）：
纯前端（Vuex）
初步+前端（JavaScript）
初步+前端（TypeScript）
希望能给大家一个渐进学习的经验。
预览地址： :
技术栈
Vue + Webpack + TypeScript + Express + SCSS + Socket.io + Gulp
Vue-cli创建工程`npm install -g vue-cli` vue init webpack my-project
vue init ElemeFE/webpack-typescript my-project （感谢饿了么分享的TypeScript的模板）
这样就在当前目录下创建了完整的工程模板
套接字在服务器端（Express） import * as socketIo from 'socket.io'
this . io . on ( 'connectio
【文件预览】：
vue-socket.io-chat-master
----index.html(581B)
----.gitattributes(80B)
----src()
--------router.ts(374B)
--------main.ts(435B)
--------style()
--------store()
--------vue.sfc.ts(71B)
--------components()
--------assets()
--------api()
----.babelrc(72B)
----index-prod.html(623B)
----.travis.yml(34B)
----tsconfig.json(222B)
----config()
--------dev.env.js(139B)
--------prod.env.js(48B)
--------index.js(1KB)
----LICENSE(1KB)
----build()
--------dev-client.js(245B)
--------vue-loader.conf.js(431B)
--------build.js(1KB)
--------webpack.dev.conf.js(1KB)
--------utils.js(2KB)
--------webpack.prod.conf.js(4KB)
--------check-versions.js(1KB)
--------dev-server.js(2KB)
--------webpack.base.conf.js(2KB)
----README.md(6KB)
----socket.io.d.ts(78B)
----.editorconfig(243B)
----.gitignore(39B)
----server()
--------type-app.js(4KB)
--------src()
--------register.js(42B)
--------app.js(2KB)
--------gulpfile.js(240B)
--------tsconfig.json(151B)
--------type-register.js(185B)
----README-en.md(1KB)
----package-lock.json(355KB)
----package.json(3KB)
----static()
--------.gitkeep(0B)