所有打字稿项目设置与角2(+)和节点/ Express服务器

所有打字稿项目设置与角2(+)和节点/ Express服务器

问题描述:

我在寻找这样一个项目的最佳实践:所有打字稿项目设置与角2(+)和节点/ Express服务器

  • 角2(4)客户端写在打字稿
  • 节点/快速后端也被写入打字稿
  • 一些共享(打字稿)由客户端和服务器的代码中使用的模型。

是否应的客户机/服务器/共享被分离成3个节点项目? 或者是否有可能将所有东西都放在一个地方,可以使用哪些工具/配置来实现这一点?

通常你会想要两个文件夹为您的客户源文件和服务器的文件,但您的共享件可能会更好,只是让他们在供以后组织三个独立的文件夹。如果这只是你的首选路线,将所有东西放在一个地方是绝对有可能的。我会强烈建议检查出几个节点/表达角boilerplates形成的github如...

Angular 2 Express Starter(角2节点快递)

Angular Universal Starter(角4节点)

Angular MEAN Boilerplate(角2/4节点明确的MongoDB)

得到普遍设立这些项目如何其他人的想法。它们也是您未来任何项目的重要基础。

你可以有一个单一的存储库项目,然后创建一个clientserver目录如下:

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