欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Electron环境搭建

程序员文章站 2022-06-04 14:51:42
...

Electron环境搭建

最近学习中用到了Electron,特此整理一波

一.什么是Electron

​ Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron将Chromium和Node.js合并到了同一个运行时环境中。这么说可能你还是不明白Electron能用来做些什么,简单来说,使用Electron你可以利用Html,CSS和JS这些前端语言来开发桌面端应用程序,且能实现跨平台的开发哦。

二.前端基础环境安装配置

1.首先去https://nodejs.org/en/下载Node.js

2.安装cnpm,在命令行下输入

npm install -g cnpm

3.安装less,依旧是在命令行下进行输入

cnpm install -g less

三.安装Electron环境

使用cnpm命令安装Electron程序包

cnpm install -g electron

四.创建Electron工程

1.先创建一个文件夹,然后利用npm命令来进行初始化

npm init

2.接下来需要给Node,js工程安装Electron依赖包

cnpm install--save-dev electron
cnpm install

到此时Electron的工程环境便搭建完毕了