vue.js看书有一段时间了,也准备动手做一个electron的程序。目录似乎有两种方式搭建方式

一种是使用vue.cli构建工具,就是所谓的脚手架,分别安装vue和electron

https://www.cnblogs.com/jiangxifanzhouyudu/p/9517651.html

一种是直接安装electron-vue组件,一步完成vue和electron的安装

https://blog.csdn.net/github_36978270/article/details/78460696

安装构造工具

#npm install -g vue-cli

使用构造工具创建项目

#vue init simulatedgreg/electron-vue my-project

基本上一路回车就是了。不知道的可以选择NO

在安装sqlite3后,运行程序时,死活说找不到路径,

"Error: Cannot find module 'D:\Fasaccounts\elec-fsacc\node_modules\sqlite3\lib\binding\electron-v2.0-win32-x64\node_sqlite3.node'"

检查安装后的路径,却只有

D:\Fasaccounts\elec-fsacc\node_modules\sqlite3\lib\binding\node-v64-win32-x64\node_sqlite3.node

就是后面的目录名不同。运行的程序找的是electron-v2.0-win32-x64,安装却在node-v64-win32-x64。百度之后,似乎是需要为electron重新编译,但好几个方法在两台安装了vs2017的win10上都编译不了。,直到看到这个

https://blog.csdn.net/CaanDoll/article/details/81429171

参考上面的地址的说明,我先

npm i sqlite3 --save

我没有按文章去修改package.json,于是在执行上面的命令后,我再执行

install-app-deps

于是一台电脑成功编译,另一台却找不到命令。之后找到这个一个帖子

https://stackoverflow.com/questions/32504307/how-to-use-sqlite3-module-with-electron

上面网址速度比较慢,我帖上主要回复内容

=================================================================================

By far the easiest way to use SQLite with electron is with electron-builder.

First, add a postinstall step in your package.json:

"scripts": {
"postinstall": "install-app-deps"
...
}

and then install the necessary dependencies and build:

npm install --save-dev electron-builder
npm install --save sqlite3
npm run postinstall

electron-builder will build the native module for your platform, with the correct name for the Electron binding; and you can then require it in code as normal.

===================================================================================

原来需要安装electron-builder,至此总算搞定sqlite3的安装。

准备在electron上用vue,结果卡在了sqlite3的更多相关文章

  1. 在nginx上部署vue项目(history模式);

    在nginx上部署vue项目(history模式): vue-router 默认是hash模式,使用url的hash来模拟一个完整的url,当url改变的时候,页面不会重新加载.但是如果我们不想has ...

  2. Application Loader上传app,一直卡在“正在通过 App Store 进行鉴定”

    1.问题现象描述 上传iOS应用,卡在 Authenticating with the iTunes Store 2.解决办法 2.1 打开终端输入代码即可 cd ~ mv .itmstranspor ...

  3. 在nginx上部署vue项目(history模式)--demo实列;

    在很早之前,我写了一篇 关于 在nginx上部署vue项目(history模式) 但是讲的都是理论,所以今天做个demo来实战下.有必要让大家更好的理解,我发现搜索这类似的问题还是挺多的,因此在写一篇 ...

  4. 后台管理系统之“图片上传” --vue

    图片上传(基于vue) 相信上传图片是所有系统必备的功能吧,工作中的第一个管理系统就在上传图片的功能上卡顿了一整天. 当时用的elementUI组件,但是由于样式和设计图样式差别较大再加上原生相较好理 ...

  5. Electron开发使用Vue Devtools

    转自 [https://orchidflower.oschina.io/2017/03/29/Using-Vue-Devtools-in-Electron/] 2.2 安装步骤 首先在Chrome中安 ...

  6. 安卓培训第五天---上传文件SD卡

    有关如何将文件上传到先说说SD卡: package com.example.lesson05_02; import java.io.File; import java.io.FileNotFoundE ...

  7. mac上安装vue项目

    mac上如何安装vue项目 一, mac系统安装brew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/H ...

  8. 浏览器上安装vue devtools

    安装前要检查一下node版本的(node -v),必须将版本提高到>4.4.7.低版本的node在安装devtools时执行npm install 时报错.如何升级node版本,若在window ...

  9. 如何在mac上运行vue项目

    使用终端安装Vue运行环境 1.安装 Homebrew Homebrew 是osx下面最优秀的包管理工具,没有之一.先在终端查看是否已安装brew brew -v 如果返回 Homebrew 的版本号 ...

随机推荐

  1. WPF 流加载

    /// <summary> /// datatable分页 /// </summary> /// <param name="dt">源datat ...

  2. 【.NET架构】BIM软件架构01:Revit插件产品架构梳理

    一.前言        BIM:Building Information Modeling 建筑信息模型,就是将建筑的相关信息附着于模型中,以管理该建筑在设计.算量.施工.运维全生命周期的情况.创建模 ...

  3. Android 开发 框架系列 百度语音合成

    官方文档:http://ai.baidu.com/docs#/TTS-Android-SDK/6d5d6899 官方百度语音合成控制台:https://cloud.baidu.com/product/ ...

  4. uva-10041-水题

    题意:有个人想找到个房子住,并且他经常去其他街道,输入n条街,给这个人选择一条街,使得他去其他街道的距离总和最小. 排序,双重for #include <string> #include& ...

  5. 清除eclipse,STS workspace历史记录

    记一下 打开eclipse下的/configuration/.settings目录 修改文件org.eclipse.ui.ide.prefs文件 把RECENT_WORKSPACES这项修改为你需要的 ...

  6. 【FZSZ2017暑假提高组Day1】最大矩形

    [问题描述] 现在有n个宽度为1的矩形按如下图(左边的)所示的方式排在了一起: 用肉眼容易看出,在左图内部面积最大的矩形如右图绿色部分所标注. 现在我们考虑将其中一些宽度为1的矩形取出,按照原顺序再次 ...

  7. Linux命令:read

    在shell中,内建(builtin)命令read,格式如下: read [-ers] [-a aname] [-d delim] [-i text] [-n nchars] [-N nchars] ...

  8. indexOf() 如何判断一个元素在指定数组中是否存在? 找出指定元素出现的所有位置? indexOf()方法 是正序查找,lastIndexOf()是倒叙查找

    indexOf()方法返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1. let a = [2, 9, 7, 8, 9]; a.indexOf(2); // 0 a.indexOf ...

  9. js实现图片上传预览功能,使用base64编码来实现

    实现图片上传的方法有很多,这里我们介绍比较简单的一种,使用base64对图片信息进行编码,然后直接将图片的base64信息存到数据库. 但是对于系统中需要上传的图片较多时并不建议采用这种方式,我们一般 ...

  10. uboot1.1.6

    http://blog.csdn.net/lizuobin2/article/details/52061530