所有打字稿项目设置与角2(+)和节点/ Express服务器
问题描述:
我在寻找这样一个项目的最佳实践:所有打字稿项目设置与角2(+)和节点/ Express服务器
- 角2(4)客户端写在打字稿
- 节点/快速后端也被写入打字稿
- 一些共享(打字稿)由客户端和服务器的代码中使用的模型。
是否应的客户机/服务器/共享被分离成3个节点项目? 或者是否有可能将所有东西都放在一个地方,可以使用哪些工具/配置来实现这一点?
答
通常你会想要两个文件夹为您的客户源文件和服务器的文件,但您的共享件可能会更好,只是让他们在供以后组织三个独立的文件夹。如果这只是你的首选路线,将所有东西放在一个地方是绝对有可能的。我会强烈建议检查出几个节点/表达角boilerplates形成的github如...
Angular 2 Express Starter(角2节点快递)
Angular Universal Starter(角4节点)
Angular MEAN Boilerplate(角2/4节点明确的MongoDB)
得到普遍设立这些项目如何其他人的想法。它们也是您未来任何项目的重要基础。
答
你可以有一个单一的存储库项目,然后创建一个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生成您的项目。
您可以使用Socket.io,Node.js和Angular查看完全使用Typescript编写的聊天应用程序的源代码here