使用Angular 2（+）和Node / Express服務器的所有TypeScript項目設置

Question

我正在尋找這樣的項目的最佳實踐：

• 用TypeScript編寫的Angular 2（4）客戶端
• Node / Express后端也用TypeScript編寫
• 客戶端和服務器代碼都使用某些共享（TypeScript）模型。

客戶端/服務器/共享應該分為三個節點項目嗎？ 還是有可能將所有內容都放在一個地方，可以使用哪些工具/配置來實現這一目標？

Answer 1

通常，您需要為客戶端源文件和服務器文件提供兩個文件夾，但是對於共享的文件，最好將它們分別保存在三個單獨的文件夾中，以便以后進行組織。 絕對有可能將所有內容都放在一個地方，盡管那只是您的首選路線。 我強烈建議您從github上檢查幾個節點/表達角度樣板，例如...

Angular 2 Express Starter （ Angular 2節點Express）

Angular Universal Starter （ Angular 4節點）

角MEAN樣板 （角2/4節點Express mongodb）

了解其他人通常如何設置這些項目。 它們也是您未來任何項目的良好基礎。

Answer 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生成您的項目。

您可以在此處使用Socket.io，Node.js和Angular 來查看完全用Typescript編寫的Chat應用程序的源代碼。