【问题标题】:All TypeScript project setup with Angular 2(+) and Node/Express server使用 Angular 2(+) 和 Node/Express 服务器的所有 TypeScript 项目设置
【发布时间】:2017-11-24 09:06:35
【问题描述】:
我正在寻找这样一个项目的最佳实践:
- 用 TypeScript 编写的 Angular 2 (4) 客户端
- Node/Express 后端也是用 TypeScript 编写的
- 客户端和服务器代码都使用的一些共享 (TypeScript) 模型。
客户端/服务器/共享是否应该分成3个节点项目?
或者是否可以将所有东西都放在一个地方,可以使用哪些工具/配置来实现这一点?
【问题讨论】:
标签:
node.js
angular
express
typescript
【解决方案2】:
您可以为您的项目创建一个存储库,然后创建client 和server 目录,如下所示:
server/
|- src/
|- package.json
|- tsconfig.json
|- gulpfile.js
client/
|- src/
|- package.json
|- tsconfig.json
|- .angular-cli.json
对于服务器端,您需要安装以下模块:
npm install --save express socket.io @types/express @types/socket.io
您可以使用gulp 轻松地将一些构建任务与您的typescript 代码集成:
npm install --save-dev typescript gulp gulp-typescript
对于客户端,使用Angular CLI 生成您的项目。
您可以查看完全使用 Typescript 编写的聊天应用程序的源代码,使用 Socket.io、Node.js 和 Angular here