electron ubuntu镜像安装及入门

超、凢脫俗 2022-09-21 14:29 571阅读 0赞

新项目是在electron上开发的。electron 模拟桌面应用，比如手机app这种。

听上去高大上的。很开心跑去安装。结果发现，呢嘛，有墙啊。安装好多次都无法下载下来。我表示很懵逼啊。

后来才反应过来，因为没有翻墙，npm被墙了。

好吧，那我去一次性看看镜像是个什么玩意儿吧。

1）镜像方法：

1.编辑 `~/.npmrc` 加入下面内容

registry = https://registry.npm.taobao.org

事实证明，这种方法对我没有用处。

2.http://npm.taobao.org/ 这是完整的npm淘宝镜像。按照说明方法，

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

$ cnpm install electron-prebuild -g

老老实实按照官网的方法，安装完毕了。

**alee@alee-ThinkPad-Edge-E431:~/electron-quick-start$ electron -v  
v1.2.4**  
全局的也有：

**alee@alee-ThinkPad-Edge-E431:~$ electron -v  
v1.2.4**

看样子好像终于安装好了。

然而，继续没什么用。。

2）运行事例

git clone https://github.com/atom/electron-quick-start

npm install && npm start

。

。

。

仍旧没有反映。

同事在windows下都可以用。但在ubuntu下不能使用。

我要去stack overflow上提问！！！

3）最后还是翻墙下载 安装包

好了。electron.zip到手

sudo apt-get install yum  
  
安装yum.试试看怎么安装压缩包.

yum 无法list 出electron.zip

4）用unzip filename.zip

终于得到了想要的文件了

哈哈哈哈哈哈

得到electron 文件夹一个。如下

![20160623170815527][]

audio与data两个文件是有些人自己加上去的。暂时不知道是什么玩意儿。

之后我们要写的界面程序全部放在resources里面。

![20160623171026343][]

这个ss-monitor-source就是放我们东西的文件。

里面长这样子。

![20160623171149376][]

这里面放的是我们的完整程序。

当然，里面的main.js 里面指定了使用electron的语句。

使用的时候，直接将ss-monitor-source拖入electron里面就可以了。

5）启动electron还有一点

cd electron;

./electron

发现没有权限

还得变权限

在electron目录下chodm +x electron

(+与x之间没有空格)。

好了。我终于可以看看是怎么弄的了

[20160623170815527]: /images/20220721/1b40adf352af417489ba4621d7148945.png
[20160623171026343]: /images/20220721/aa3c11691cee456e89fc44b57b055a22.png
[20160623171149376]: /images/20220721/8fa5d08801944dac855b0d4bc5ece56e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，571人围观）

还没有评论，来说两句吧...

相关阅读

相关 Electron快速入门

目录前言一、安装需知二、安装electron 三、开始 3.1 修改package.json文件 3.2 创建main.js文件 3.3 启动预览窗口 3

女爷i/ 2024年03月16日 11:59/ 0 赞/ 41 阅读

相关 Ubuntu 安装及基本配置（显示、镜像源、网络配置）

目录环境镜像下载安装创建新的虚拟机安装系统系统基本设置显示时间和日期镜像源开启root用户网络配置桥接物理机查看 VMWa

迈不过友情╰/ 2023年03月04日 06:40/ 0 赞/ 223 阅读

相关 ELECTRON框架-入门使用

Electron 含义：一个构建桌面应用的框架。创建electron项目创建项目文件，进入文件，打开命令窗口，输入 npm init //

雨点打透心脏的1/2处/ 2022年10月20日 00:48/ 0 赞/ 194 阅读

相关 electron ubuntu镜像安装及入门

新项目是在electron上开发的。electron 模拟桌面应用，比如手机app这种。听上去高大上的。很开心跑去安装。结果发现，呢嘛，有墙啊。安装好多次都无法下载下来。我

超、凢脫俗/ 2022年09月21日 14:29/ 0 赞/ 572 阅读

相关 Electron开发入门

前记： Electron是笔者最近才开始接触的Node中的一个模块，大致功能是将Node.js的环境搬至桌面程序开发中，也就是说我们可以通过Node.js去开发桌面程序，

逃离我推掉我的手/ 2022年05月23日 08:23/ 0 赞/ 203 阅读

相关 Electron入门示例

　　最近发现Electron是个不错的东西，简单学了学，上网找了些资料，整理了一个小例子，界面很简单，一个textarea、两个button，可以将textarea的内容写入文

不念不忘少年蓝@/ 2022年04月11日 06:58/ 0 赞/ 292 阅读

相关 Electron入门—Hello world

不论是学习语言亦或是各种框架，最开始上手都必然是"Hello World"类型的简单编程。那么我作为一个Electron的初学者自然也不例外。 Electron应用从开发的角

傷城~/ 2022年03月17日 06:58/ 0 赞/ 298 阅读

相关 Electron安装及打包exe

文章目录一、安装node.js 二、安装淘宝镜像的包命令行管理工具cnpm 三、全局安装electron 四、安装

心已赠人/ 2022年01月22日 10:13/ 0 赞/ 734 阅读

相关 ubuntu 镜像 python 镜像

[为什么80%的码农都做不了架构师？>>> ][80_] ![hot3.png][] 永久修改，一劳永逸： [Linux][]下，修改 ~/.pip/pip.c

梦里梦外;/ 2022年01月15日 03:45/ 0 赞/ 230 阅读

相关 Docker安装及镜像管理

Docker 安装 [root@kevin ~] yum install -y docker Loaded plugins: fastestmirror

深藏阁楼爱情的钟/ 2021年11月17日 09:12/ 0 赞/ 390 阅读