ubuntu16配置Electron环境

前端之家收集整理的这篇文章主要介绍了ubuntu16配置Electron环境前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一、什么是Electron

概述:

Electron前称为atom shell,是从github开源项目Atom编辑器中抽离出来的,是一个能让你通过JavaScriptHTMLCSS构建桌面应用的。这些应用能打包到 Mac、Windows 和 Linux 电脑上运行。

组成:

Electron结合了ChromiumNode.js和用于调用3个操作系统本地功能的API(如打开文件窗口、通知、图标等):


  • Chromium:Google 创造的一个开源库,并用于 Google 的浏览器 Chrome;
  • Node.js(Node):一个用于在服务器运行JavaScript的工具,拥有文件系统和网络的权限;
  • Native API支持3个操作系统(Windows、Mac和Linux)的原生API库。

开发体验:

跟网页开发很相似,通过HTML和CSS搭建界面,使用Node(JavaScript)编写逻辑,就像开发一个Node应用


二、安装Node.jsElectron

sudo apt-get install curl

curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -

sudo apt-get install -y nodejs

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

sudo cnpm install -g electron

或者
sudo add-apt-repository ppa:chris-lea/node.js

sudo apt-get update

sudo apt-get install nodejs

sudo apt install nodejs-legacy

sudo apt install npm

sudo npm config set registry https://registry.npm.taobao.org

sudo npm config list

sudo npm install n -g

sudo n stable

sudo node -v

sudo npm install --unsafe-perm -g electron

github上提供了一个简单的案例: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

cnpm install

# Run the app

cnpm start
 
  
 
 


执行正常会弹出Helloworld窗口:

原文链接:https://www.f2er.com/ubuntu/349332.html

猜你在找的Ubuntu相关文章