对于Web和桌面应用程序,使用带有Angular 2的Electron

时间:2017-01-16 23:14:15

标签: angular electron

是否有任何博客/文章开始使用Angular 2创建Electron应用程序,目标是创建Web和Windows应用程序?最终,我还需要能够创建一个移动应用程序(我假设我需要使用Ionic 2吗?)

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

作为电子新手,我们非常感谢任何有关如何入门/提示/建议的反馈意见。

2 个答案:

答案 0 :(得分:2)

尝试以下博客 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

答案 1 :(得分:0)

对于角度快速启动项目,只需在package.json中添加:

  1. 在顶部添加“main”:“main.js”,

  2. 在脚本中添加运行电子 - >启动

  3. 当然在devDependencies中添加电子

  4. 将文件main.js添加为电子快速启动

  5. 然后你“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