Electron基础 Hello，World！

全局安装Electron：

代码语言：javascript复制

cnpm install -g electron

再安装一个傻瓜化的Electron工具包：

代码语言：javascript复制

cnpm install -g electron-forge

这俩因为是全局安装，你可以在任何一个地方运行。

基本上，比较小的开发项目也就用得到这俩开发包。

然后，找一个你认为好的文件夹，打开cmd一路cd进去。

这里我的Electron项目在E:electron1，你可以自己换一个目录/名称，建议使用二级目录，在根目录下建一个文件夹，做Electron的存放位置，再在它下建一个文件夹，做项目的存放地。

然后，进入你的项目目录，如果你跟我一样的话，就要cd进E:electron1，再运行：

代码语言：javascript复制

git clone https://github.com.cnpmjs.org/electron/electron-quick-start

事实上，应该是

代码语言：javascript复制

electron-forge init

，但是这样太慢了，我等了整整半个小时，一个提示都没出来，而我用git clone 时，那个百分比那叫一个飞啊，一秒跑完，这还是在我的网不怎么好的情况下。

然后，运行完那个clone的命令后，运行：

代码语言：javascript复制

cnpm install

你试试，是不是很快？

基本是一秒跑完。

然后，你的app文件夹就算完成了。

输入运行命令：

代码语言：javascript复制

electron .

为了确保依赖包均已安装，我们再这样运行一下：

代码语言：javascript复制

npm start

这个不涉及网络，可以使用npm进行。

如果两个都成功运行，我们就可以进行下一步了。

如果npm执行失败，你需要重新运行cnpm install，如果electron . 执行失败，你需要重新运行cnpm install electron。

然后，你需要在package.json里改成这样的：

代码语言：javascript复制

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

直接C/V就行了。

然后，可以编译了。

继续运行：

代码语言：javascript复制