如何在視覺工作室中使用npm與cordova應用程序

Question

我正在嘗試使用「用於Apache Cordova的工具」visual Studio項目模板編寫混合應用程序。 爲了使用angular2我已經將所需的模塊添加到packages.json。

一旦我編譯了所有東西並修復了其他缺失的包，應用程序拒絕加載角度，大概是因爲這些包都在'〜/ nodes_module'文件夾中，而網站文件位於'www'文件夾中。

無論我加載樣本（https://github.com/dbiele/TypeScript-Cordova-SystemJS-Angular2-beta）還是遵循角向快速入門（https://angular.io/guide/quickstart），我都有同樣的問題。

我敢肯定，我正在做一些根本上錯誤的方面應該如何封裝Hybit應用程序。幫助將不勝感激。

我使用的是Visual Studio Community 2015. 我將節點和npm更新到最新版本，並更新了visual studio中的路徑，以便它可以找到它們。

Answer 1

如果您對在Cordova中使用Angular2感興趣，我強烈建議使用Ionic框架。 Ionic2處於測試階段並使用Angular2（安裝說明在這裏：http://ionicframework.com/docs/v2/getting-started/installation/），而原始Ionic框架穩定，但使用Angular 1（http://ionicframework.com/getting-started/）。

離子的好處是多方面的：

• 知識淵博的社區（https://forum.ionicframework.com/）
• 插件（http://ngcordova.com/）
• 的大型存儲庫內置的CSS庫/預構建組件（http://ionicframework.com/docs/components/）
• 開發工具：實時重裝，SASS支持，圖標/飛濺創建等（http://ionicframework.com/docs/cli/）

祝你好運！

Answer 2

您錯過了一小段：您需要一個任務將所需的腳本複製到您的www文件夾中。我建議使用一個Gulp任務，你可以從Visual Studio的Task Runner中調用它。

切勿將npm包直接安裝到www文件夾中。這樣你會得到太多的文件，這會增加你的應用程序的大小。此方法適用於服務器應用程序，但不適用於移動應用程序。

我個人也會推薦使用Ionic2。它不僅是移動應用的絕佳框架，還爲您提供了一個可靠的gulp文件。