electron-boilerplate, 电子运行时样板应用

分享于 

6分钟阅读

GitHub

  繁體 雙語
Electron Test App
  • 源代码名称:electron-boilerplate
  • 源代码网址:http://www.github.com/szwacz/electron-boilerplate
  • electron-boilerplate源代码文档
  • electron-boilerplate源代码下载
  • Git URL:
    git://www.github.com/szwacz/electron-boilerplate.git
    Git Clone代码到本地:
    git clone http://www.github.com/szwacz/electron-boilerplate
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/szwacz/electron-boilerplate
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    电子样板

    电子运行时的简单样板。 在 Windows,macOS 和Linux上测试。

    这个项目只包含最少的依赖项,为你提供良好的开发环境。 不给你任何前端技术,所以你可以选择你喜欢的。

    快速启动

    确保安装了 node.js 插件,然后键入每个开发人员知道的以下命令。

    
    git clone https://github.com/szwacz/electron-boilerplate.git
    
    
    cd electron-boilerplate
    
    
    npm install
    
    
    npm start
    
    
    
    

    。并且你的屏幕上有一个正在运行的桌面应用程序。

    项目的结构

    应用程序由两个主文件夹组成。

    src - 这里文件夹中的文件获取transpiled或者已经编译的( 因为电子不能直接使用它们)。

    app - 包含所有不需要预先处理的static 资产。 把图片。CSSes。html等放在这里。

    构建过程编译 src 文件夹的内容并将它的放入 app 文件夹,因此在构建完成后,app 文件夹包含完整的可以运行应用程序。

    srcapp 文件夹当作一个大东西的两部分。

    这个设计的缺点是 app 文件夹包含一些应该忽略的文件,它的中一些应该不应该是( 查看 .gitignore 文件)。 但是这两个文件夹分割使得开发构建更快,更快。

    插件开发

    启动应用程序

     
    npm start
    
    
    
     

    生成管道

    构建过程使用 web pack。 入口点是 src/background.jssrc/app.js。 webdav将遵循从那些文件开始的所有 import 语句,并将整个依赖树的代码编译为每个入口点的一个 .js 文件。

    也在使用,但主要是它的错误消息。 are下的电子运行最新的Chromium,因这里大多数新的JavaScript特性已经在本地支持。

    环境

    环境变量的执行方式与( 不是通过 process.env ) 不同。 环境文件是 config 目录中的普通 JSONs,构建过程将其中之一动态链接为 env MODULE。 你可以在需要访问环境的代码中导入它。

    importenvfrom"env";console.log(env.name);

    升级电子版本

    要执行这里操作,请编辑 package.json:

    "devDependencies": {
     "electron": "1.7.9"}

    注意:电子作者推荐在这里使用固定版。

    将npm模块添加到你的应用程序中

    记住在 package.json 文件中尊重 dependenciesdevDependencies 之间的分割。 你的发布应用程序将包含在运行发布脚本后在 dependencies 中列出的模块。

    注意:如果你想要在应用程序中使用的MODULE 是本机的,你应该首先运行 npm install name_of_npm_module,然后 npm run postinstall 重新构建该 MODULE,以重新生成电子。 你需要在第一次安装 MODULE 之后执行这里操作。 稍后,postinstall脚本将自动在每个 npm install 中触发。

    测试

    运行所有测试:

     
    npm test
    
    
    
     

    单元

     
    npm run unit
    
    
    
     

    使用电子摩卡测试 runner 和链断言库。 你可以在 src 目录中放置你的spec文件,只需使用 .spec.js 扩展对它们进行 NAME。

    结束

     
    npm run e2e
    
    
    
     

    使用 mochaSpectron。 这里任务将运行 e2e 目录中的所有文件,其中包含 .e2e.js 扩展。

    发布版本

    要将你的应用程序打包到安装程序中使用命令:

     
    npm run release
    
    
    
     

    包装过程完成后,dist 目录将包含可以分配的文件。

    我们使用电子生成器来处理封装过程。 它有许多定制选项,你可以在 package.json"build" 键下声明。

    你可以从单一操作系统打包应用程序跨平台,电子生成器种类支持这种插件,但存在一些局限性和星号的限制。 这就是为什么这个样板文件在默认情况下不这么做的原因。


    相关文章