Electron 基础教程-2.2 修改为你的专属应用

修改为你的专属应用

第一步要修改项目中的package.json文件。如果你没有使用示例项目而是建了一个全新的项目,package.json将会在npm init后被创建。

package.json大体如下:

{
  "name": "electron-quick-start",
  "version": "1.0.0",
  "description": "A minimal Electron application",
  "main": "main.js",
  "scripts": {
    "start": "electron ."
  },
  "repository": "https://github.com/electron/electron-quick-start",
  "keywords": [
    "Electron",
    "quick",
    "start",
    "tutorial",
    "demo"
  ],
  "author": "GitHub",
  "license": "CC0-1.0",
  "devDependencies": {
    "electron": "^1.4.1"
  }
}

说明如下:
* name 应用的名字。通常命名为小写字母加下划线的格式。本书案例中应用名字无关紧要,但是未来开发应用时名字必须严肃考虑。将其改为你期望的名字即可。
* version 应用代码的版本。应该与当前应用发布版本一致。
* description 对应用的描述。
* main 告诉Electron主进程代码的加载路径,必不可少。如果你重构了项目的结构,必须将其对应修改,否则Electron就会运行失败。
* script 指定npm所做操作的具体命令,方便组织相关命令。此处指定npmelectron .命令来运行应用。
* repository 指定项目的代码仓库,可将其改为自己的仓库地址。
* keywords 描述应用的关键词。
* author 应用的作者。
* license 发布应用的许可。有超过五百种许可类型可选:https://gist.github.com/robertkowalski/7620849。发布应用之前应该选取适合的许可类型。
* DependenciesdevDependencies 应用所依赖模块的名字和版本。当你安装新的依赖时,这个列表会相应更新。本例尚未使用其他依赖,包含的”electron”是用以创建应用的基础模块。

细致了解了package.json文件后,接下来运行我们的应用。在命令行输入:

npm start

你将会看到大致如下图的界面:
这里写图片描述
Figure 3-1.The starter Electron application’s main window and development tools

Note
在Max OS X中你可以按commend Q或点击Electron/Quit退出应用,在Windows中是File/Quit。在命令行中也可以使用control C组合键关闭应用。

接下来就打开代码一探究竟。


猜你喜欢

转载自blog.csdn.net/HouszChina/article/details/81879049
今日推荐