这种开发方式很非主流，但我确实有这种需求。Vue 适合用来开发 SPA 单页应用，所以连官方文档和网络上的各种资料、问答也都是适合用于单页应用的项目配置。
我也是最近因为种种原因才开始接触 Vue，发现对于网页中需要有大量数据变动和组件联动情况下，Vue 还是比较方便的。所以打算用 TypeScript 和 Vue 集成到以前使用 layui 的后台中去，开发一些新的比较复杂的页面。
这一套配置，我花了4天研究出来，也算是弥补这一领域的空缺吧。前端高手勿喷，我只是一个更倾向于后端的开发者，多页面应用目前确实还有很多应用，否则 layui 也不会这么受欢迎了！
配置方案码云地址：https://gitee.com/yurunsoft/TypescriptAndVue
项目组成
IDE: VSCode
开发语言: TypeScript
用到的 JS 库:
jQuery、RequireJS、Vue (可选)、其它（如 layui 你都可以自己集成进来）
编译工具: gulp
TS 代码提示: typings
实现功能
- 代码提示
- 无报错
- 支持传统多页面入口开发模式
为何要使用这些工具来组成项目
首先说明为何不使用 Webpack，如上面所说，Webpack 更适合用于单入口的单页应用。传统多页面开发模式，也不是不能用 Webpack，你加一个页面就要加一项配置，非常麻烦的。
TypeScript
TypeScript 是微软开发的一个编程语言，它是 JavaScript 的超集。你可以使用 class 等关键词进行开发，然后 TypeScript 会帮你把代码编译成 JavaScript 代码，并且最终是可以在不支持 ES6 的浏览器中运行的！
对，我就是因为 TypeScript 写类比 JavaScript 好看好理解，才用的！
Vue
如上面所说，其实这个项目你可以自己选择是否使用 Vue。
RequireJS
RequireJS 是可以让你避免手动在页面中写
