将 Electron 与 Angular 2 一起用于 Web 和桌面应用程序答案

【问题标题】：Using Electron with Angular 2 for both a web and a desktop app将 Electron 与 Angular 2 一起用于 Web 和桌面应用程序
【发布时间】：2017-06-28 15:11:53
【问题描述】：

是否有任何关于开始使用 Angular 2 创建 Electron 应用程序的博客/文章，目标是同时创建 Web 和 Windows 应用程序？最终，我还需要能够创建一个移动应用程序（我假设我需要为此使用 Ionic 2？）

从 Web 应用程序开发的角度来看，我熟悉 Angular 2。如何设置架构以支持 Web/桌面和最终的移动应用？

作为一名 Electron 新手，任何关于如何开始/提示/建议的反馈都将非常感激。

【问题讨论】：

标签： angular electron

【解决方案1】：

试试以下博客 http://www.blog.bdauria.com/?p=806

http://electron.rocks/angular2-electron/

还有一个包含nativescript和制作移动应用的精彩包https://www.npmjs.com/package/nativescript-ng2-magic

还有一个种子模板也可以组合所有 https://github.com/NathanWalker/angular-seed-advanced ，但它不支持 Angular CLI

【讨论】：

【解决方案2】：

对于您的 Angular 快速启动项目，只需在 package.json 中添加这些：

在顶部添加“main”：“main.js”，
在脚本中添加运行电子 -> 开始
当然要在 devDependencies 中添加电子
添加文件main.js作为电子快速入门

然后你“npm install”和“npm start”

简单！！！

{
  "name": "angular-electron",
  "main": "main.js",
  "scripts": {
     "start": "tsc && concurrently \"npm run tsc:w\" \"electron .\" ",
         :
     },
   :
  "devDependencies": {
       :
      "electron": "1.6.2"
   }
 }

详情请看这里：here

【讨论】：