electron入门——安装及创建项目
由于项目需要,一只数据狗暂时转向前端。本来以为写写html5、ccs、js,没想到需要electron+vue。vue现在算是有点了解,electron还是非常懵懂,于是乎在bilibili上面看点视频,正好记录一下。**NPM:**全称是Node Package Manager,是一个NodeJS包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准。入门准备:1、先安装nod...
·
由于项目需要,一只数据狗暂时转向前端。本来以为写写html5、ccs、js,没想到需要electron+vue。
vue现在算是有点了解,electron还是非常懵懂,于是乎在bilibili上面看点视频,正好记录一下。
NPM:全称是Node Package Manager,是一个NodeJS包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准。
入门准备:
1、先安装node.js,如果版本比较低,建议升级。
electron 4.0.7 需要依赖高版本的node.js。
2、安装electron
npm install -g electron / cnpm install -g electron (不会cnpm 百度搜cnpm)
3、创建项目(三个方法)
- 基于git拷贝
- 基于electron-forge脚手架
- 直接创建
a、git拷贝
1.cd到对应的项目里面
2、执行下面命令
// 克隆示例项目的仓库
// 进入这个仓库
// 从npm下载依赖
// 启动进程
- git clone https://github.com/electron/electron-quick-start
- cd electron-quick-start
- npm install
- npm start
b、electron-forge
1、全局安装 electron-forge (和安装electron一样,只需要首次安装)
- npm install -g electron-forge / cnpm install -g electron-forge
2、创建项目 (默认安装模块 ,若失败删掉node_modules文件夹,重新cd到项目里面运行 cnpm install 或者yarn)
- electron-forge demo1
3、cd到项目里面
- cd demo1
4、运行项目
- npm start
c、直接创建
1、新建一个文件夹 (文件夹不能是中文)
- mkdir demo2
2、新建一个index.html 和一个main.js
- cd demo2
- cd.> index.html
- cd.> main.js
3、生成package.json (配置项目的元数据 )
- npm init
// package.json里面配置的 main 必须是入口js(主进程)
4、运行项目
- electron .
更多推荐
已为社区贡献1条内容
所有评论(0)