【问题标题】: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


    【解决方案1】:

    通常您需要两个文件夹来存放您的客户端源文件和服务器文件,但对于您的共享文件,最好将它们保存在三个单独的文件夹中以供以后组织使用。如果这只是您的首选路线,那么绝对可以将所有内容保存在一个地方。我强烈建议您从 github 中查看几个节点/表达角度样板,例如...

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

    Angular Universal Starter(角度 4 节点)

    Angular MEAN Boilerplate(angular 2/4 node express mongodb)

    了解其他人通常如何设置这些项目。它们也是您未来任何项目的重要基础。

    【讨论】:

      【解决方案2】:

      您可以为您的项目创建一个存储库,然后创建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 生成您的项目。

      您可以查看完全使用 Typescript 编写的聊天应用程序的源代码,使用 Socket.io、Node.js 和 Angular here

      【讨论】:

        猜你喜欢
        • 2019-05-05
        • 2017-10-29
        • 2017-07-10
        • 1970-01-01
        • 2016-11-06
        • 1970-01-01
        • 1970-01-01
        • 2018-04-04
        • 2016-09-08
        相关资源
        最近更新 更多