Electron初探

2020-08-24 08:31发布

使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序,下面是构建HelloWorld入门程序的3种方式


利用官方提供的模板


npm install -g electron
git clone https://github.com/electron/electron-quick-start
cd electron-quick-start
npm install
npm start

通过electron-forge 创建项目


electron-forge相当于electron的一个脚手架,可以让我们更方便的创建、运行、打包electron项目

npm install -g electron-forge#创建项目
electron-forge init my-new-app
cd my-new-app
npm start

注意:这一步会默认安装模块 ,如果失败删掉node_modules,重新cd到项目里面运行 cnpm install 或者yarn


手动创建项目


# 新建一个文件夹 (文件夹不能是中文)
# 新建一个index.html  和一个main.js
# 生成一个package.json    配置项目的元数据  
npm init
# 注意的是package.json里面配置的 main 必须是入口js(主进程)
# 运行项目electron .