创建electron项目的三种方式

electron是什么?

  • Electron 是一个能让你使用 JavaScript, HTML 和 CSS 来创建桌面应用程序的框架。

学习electron前提条件

  • 需掌握 html + css + javascript
  • 了解/会使用基础node脚本(npm的使用)
  • 电脑安装有node 建议您安装最新可用的 LTS 或 Current 版本

前期准备,已经安装npm,node请忽略

1. Mac  升级node 到最新版本 https://blog.csdn.net/ssjdoudou/article/details/106175320
2. Mac 安装cnpm   sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
3. Mac 安装electron    sudo cnpm install -g electron
4. 查看版本号。  electron -v
5.mac安装yarn:sudo cnpm install -g yarn

第一种方式:

采用官网快速开始项目:https://github.com/electron/electron-quick-start

# Clone this repository
git clone https://github.com/electron/electron-quick-start
# Go into the repository
cd electron-quick-start
# Install dependencies
npm install
# Run the app
npm start

第二种方式:

采用官网脚手架方式,功能更加全面:https://www.electronforge.io/?utm_source=default_app

npx create-electron-app@latest my-app
或者
yarn create electron-app my-app

cd my-app
npm start

打包方式参考:electron项目打包成dmg_陌子曦的专栏-CSDN博客

第三种方式:手动创建项目 

1.创建工程名称:electron-manual-app
2.在工程中创建主进程main.js,渲染进程index.html
3.生成package.json命令: npm init —yes
4.项目安装electron:cnpm i electron —save -dev
5.启动工程命令: electron .

Javascript 代码检测工具eslint:

全局安装命令:sudo cnpm install -g eslint
安装完成之后,在项目中执行eslint —init

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值