创建 Electron 项目

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

打开终端,进入到想要保存 Electron 项目的地方 .. 新建一个目录 .. 比如 ninghao-electron .. 再进入到这个项目目录的下面 .. 在里面新建一个 package.json 文件 .. 执行一下 npm init -y ..

有了这个文件以后,可以再安装一下 electron .. npm install 安装的是 electron .. --save-dev ... 把它保存在项目的开发依赖里面 ..

安装完成以后,再用编辑器打开这个项目 .. 这里我用的是 VSCode 编辑器 .. 这款编辑器软件也是基于 Electron 创建的 ..

先打开项目的 package.json .. 这个 main .. 设置的是应用的入口文件 .. 现在这个文件是 index.js .. 可以改个名字 .. 换成 main.js ..

在项目下面可以新建一个这样的文件 .. 名字是 main.js ..

然后在 package.json 的 scripts 里面,添加一个命令 .. 名字是 start .. 执行的是 electron . 这个 . 表示当前目录 ..

运行应用的时候,可以在终端上,项目当前目录下执行一下 npm run start .. 或者直接执行 npm start ..

这个命令会启动 electron 应用 .. 不过现在应该还没有窗口 .. 只有一个默认的应用菜单 ..

创建 Electron 项目《 Electron 桌面应用:起步 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点