Electron01

170 阅读1分钟
1.安装 electron环境 
npm install -g electron 
#or
cnpm install -g electron

2.查看版本
electron -v

3.搭建项目的三种方式
3-1. 克隆一个仓库、快速启动一个项目
克隆示例项目的仓库
git clone https://github.com/electron/electron-quick-start.git
进入这个仓库
cd electron-quick-start
安装依赖并运行
npm install && npm start 

3-2. electron-forge 搭建一个 electron 项目
>>. electron-forge 相当于 electron 的一个脚手架,可以让我们更方便的创建、运行、打包 electron 项目。
>>. Github 地址:https://github.com/electron-userland/electron-forge
>>. 官网地址:https://www.electronforge.io/
Note: Electron Forge requires Node 10 or above, plus git installed.
1、如果你电脑上面安装了最新版本的 nodejs 可以使用 npx 创建项目,如果你电脑上面 安装了 yarn 也可以使用 yarn 创建项目
npx create-electron-app my-new-app
# or
yarn create electron-app my-new-app

# then 运行项目
cd my-new-app
npm start

2.也可以用老的方法创建
npm install -g @electron-forge/cli
electron-forge init my-new-app
cd my-new-app
npm start

3-3. 手动搭建一个 electron 项目
3-3-1、新建一个项目目录 例如:electrondemo01 
3-3-2、在 electrondemo01 目录下面新建三个文件: index.html、main.js 、package.json 
3-3-3、index.html 里面用 css 进行布局(以前怎么写现在还是怎么写) 
3-3-4、在 main.js 中写如下代码:
****
****
****
后面补充。。。。。。


3-3-5、运行
electron .

4. 开发工具中配置 Eslint
ESLint 最初是由 NicholasC.Zakas20136 月创建的开源项目。
它的目标是提供一个插件 化的 javascript 代码检测工具
4-1、安装 cnpminstall-geslint

npm 利用淘宝镜像安装electron

npm install cnpm  -g --registry=http://registry.npm.taobao.org

npm config set registry http://registry.npm.taobao.org/

创建一个空文件夹
执行cnpm init (一路回车,最后一步yes)

cnpm install electron