0%

报错

1
Failed to download repo simulatedgreg/electron-vue: end of central directory record signature not found

初始化报错

解决

就webpack -v检查是否装了webpack(如果没有全局安装时,每次新建项目都需要重新安装),执行npm install webpack -g即可。

安装webpack

npm

我尝试过用npm下载Electron,不过那速度很美丽。所以我选择了淘宝国内镜像。

cnpm

通过npm安装cnpm…这速度当然非常美丽。
建议边吃饭边看电视边看小说,然后等待。

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

通过cnpm安装Electron

全局安装electron,可能会有权限问题所以使用sudo来进行安装。

1
$ sudo cnpm install -g electron

启动Electron

通过Electron提供的快速工程打开一个简单的electron项目

教程地址
当然你这一步骤需要git,所以你还额外需要安装git。百度一下,自己动一下手。

1
2
3
4
5
6
7
8
# 克隆这仓库
git clone https://github.com/electron/electron-quick-start
# 进入仓库
cd electron-quick-start
# 安装依赖库
npm install
# 运行应用
npm start

如果程序正常运行的话,你会看见弹出一个electron工程窗口!

大功告成

完结!开玩笑的
当然,你已经成功创建了一个electron项目,即使他还是那么简陋。所以它还仅仅不够。
以下代码出处

安装Electron-vue

1
2
3
4
5
6
7
8
9
10
# 如果你没有vue-cli的话需要全局安装
npm install -g vue-cli
# 然后使用vue-cli来安装electron-vue的模板
vue init simulatedgreg/electron-vue my-project

# 安装依赖
cd my-project
yarn # or npm install
# 进入开发模式
yarn run dev # or npm run dev

下载模板速度很慢

npm install(正文开始)

安装依赖,实际上我是在这步才安装cnpm,因为npm的下载速度实在太美丽。

cnpm install

安装所需的依赖。然而,我使用这步安装完所有的依赖,但我执行cnpm run dev又出问题了。所以我不得不安装yarn。

yarn

安装yarn

1
2
3
# 我是使用aptitude来安装,win/mac请忽视这一步
$ sudo aptitude update && sudo aptitude install yarn
# or sudo apt-get update && sudo apt-get install yarn

踩坑yarn

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
# 当我cd到my-project文件
$ yarn
00h00m00s 0/0: : ERROR: There are no scenarios; must have at least one.
# 却收获一个错误
# 经过搜索可能是yarn版本低的问题
# 当然,如果你没报错的话,请忽视这一步骤
$ sudo apt remove yarn

$ curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -

$ echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list

$ sudo apt update && sudo apt install yarn
# 最后在执行下yarn
$ yarn
# 但是我yarn在下载依赖的时候,报错了
libgconf-2.so.4: cannot open shared object file: No such file or directory
# 提示缺少libgconf-2.so.4
# 此时只需要下载libgconf2-4即可
$ sudo apt-get install libgconf2-4
# 进入开发模式
$ yarn run dev

大功告成

大功告成!

最近需要进行一组性能测试,用到了 JMeter 这个测试工具,简单记录下对它的了解以及安装过程。

阅读全文 »

JDK简介

JDK —— Java Development ToolKit (Java 开发工具包)。JDK 是整个 Java 的核心,包括了 Java 运行环境(Java Runtime Envirnment),一堆 Java 工具( javac/java/jdb 等)和 Java 基础的类库(即 Java API 包括 rt.jar)。

阅读全文 »

NodeJS 中有一个方法是我们使用频率最高的,那就是 require 方法。NodeJs 遵循 CommonJS 规范,该规范的核心是通过 require来加载其他依赖的模块。

但是,熟归熟,用归用,其中的原理是什么呢?今天就带大家揭开require的面纱,一睹真容。

阅读全文 »

文章架构图

完整阅读本文大约需要二十分钟时间,可根据文章结构图直接阅读自己需要的部分。

所有新技术的出现都是为了解决某一痛点。 ——《前端三昧》

阅读全文 »

// routes/index.js module.exports = function (app) { app.get('/', function (req, res) { res.send('Hello world'); }); app.get('/customer', function (req, res) { res.send('customer page'); }); app.get('/admin', function (req, res) { res.send('admin page'); }); };