electron环境搭建

环境搭建

• electron环境搭建

1. 下载安装node.js，下载LTS长期支持版本

2. 管理员方式打开命令行cmd

3. 在项目路径下执行npm -v和node -v出现版本信息，表示node.js环境安装完成

4. 安装cnpm

      npm install -g cnpm --registry=https://registry.npm.taobao.org

     5.安装electron 我这里安装的14.0.0版本

      cnpm install -g electron@14.0.0

• 创建electron项目

 

1.创建项目文件夹

mkdir my-app && cd my-app

2.初始化项目node环境,输入对应参数，其中描述信息、创作者信息为必填项，打包发布需要

npm init

3.安装electron 到项目里

cnpm install electron@14.0.0 --save-dev

如果出现下面的问题，需要科学上网

下面这样就是配置完成了

 

4.执行electron项目，需要在package.json配置文件中的scripts字段下，增加一个start命令

下面是运行效果

出现了下面的错误，出现这个错误是因为我们还没有创建你的入口js文件，在项目根目录下创建一个main.js文件就不会报错了

• 后面的入门步骤可参见官方教程https://www.electronjs.org/docs/tutorial/quick-start