如何在visual studio中使用npm和cordova应用程序

Question

我正在尝试使用＆＃34; Apache Cordova工具编写混合应用程序＆＃34;视觉工作室项目模板。 为了使用angular2，我已经将所需的模块添加到packages.json。

一旦我编译了所有内容并修复了其他任何丢失的软件包，应用程序就拒绝加载角度，大概是因为软件包都在＆＃39;〜/ nodes_module＆＃39;文件夹，而网站文件在＆＃39; www＆＃39;文件夹中。

无论是加载示例（https://github.com/dbiele/TypeScript-Cordova-SystemJS-Angular2-beta）还是遵循角度快速启动（https://angular.io/guide/quickstart），我都会遇到同样的问题。

我确定我在如何打包hybit应用程序方面做了一些根本性的错误。非常感谢帮助。

我正在使用Visual Studio Community 2015。 我将node和npm更新为latests版本并更新了visual studio中的路径，以便它可以找到它们。

Answer 1

如果您有兴趣将Angular2与Cordova一起使用，我强烈建议您使用Ionic框架。 Ionic2处于测试版并且使用Angular2（这里的安装说明：http://ionicframework.com/docs/v2/getting-started/installation/），而原始的Ionic框架是稳定的，但使用Angular 1（http://ionicframework.com/getting-started/）。

Ionic的好处很多：

• 知识渊博的社区（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文件。