由于项目需要,一只数据狗暂时转向前端。本来以为写写html5、ccs、js,没想到需要electron+vue。
vue现在算是有点了解,electron还是非常懵懂,于是乎在bilibili上面看点视频,正好记录一下。

NPM:全称是Node Package Manager,是一个NodeJS包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准。

入门准备:

1、先安装node.js,如果版本比较低,建议升级。

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拷贝

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 .
Logo

前往低代码交流专区

更多推荐