Electron学习-创建一个程序

Electron - 第一个程序

创建项目的时候我使用了Webstrom

File —> New Project —> Node.js Express App (create)

大约一分钟后项目就创建成功了
这时候我们可以看到，有一个package.json的文件位于模块的目录下，它主要用于定义包的属性。
以下的是文件的必须内容：

{
    "name": "test1",               # 包名，在NPM服务器上须要保持唯一
    "version": "1.0.0",            # 当前版本号
    "dependencies": {              # 第三方包依赖，需要指定包名和版本号
        "argv": "0.0.2"
      },
    "main": "app.js"              # 入口模块位置
}

然后，我们可以在webstrom里面编辑一些设置，修改端口什么的。

鉴于我的项目没有什么冲突，就没有修改，默认端口是3000。

备注：最好将项目建在安装 electron 的文件夹下，否则会提示找不到electron的某个文件。

这时候，点击 View —> Tool Windows —> Terminal
打开如下页面，然后在 Terminal 里面输入npm start，就可以运行了。

如果页面没有自动打开，在浏览器窗口输入localhost:3000，看到如下页面，即为运行成功。

到这一步，基本的页面已经构建完成了，
下一步就是生成桌面应用程序了……