修改为你的专属应用
第一步要修改项目中的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。发布应用之前应该选取适合的许可类型。
* Dependencies
和devDependencies
应用所依赖模块的名字和版本。当你安装新的依赖时,这个列表会相应更新。本例尚未使用其他依赖,包含的”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组合键关闭应用。
接下来就打开代码一探究竟。