Vue 学习之 安装electron，serialport，sqlite3

写在最前面 我的node 版本

一.Electron 基础环境搭建

1.安装 vue,vue-cli

vue 安装
npm install vue -g

vue-cli 安装
npm install -g @vue/cli
# OR
yarn global add @vue/cli

2.安装electron-vue 并新建工程

安装 electron
npm install electron --save-dev

安装 Windows-Build-Tools
	这里默认安装的时 vs2017 生成工具，如果曾经安装过，可能需要在重新手动安装 vsBuild.exe

 npm install --global windows-build-tools

通过脚手架，安装新工程
vue init simulatedgreg/electron-vue my-project

如果网络比较慢，可以先把工程模板下载下来(https://github.com/SimulatedGREG/electron-vue),在通过下面的指令安装
vue init E:\MyWork\electron-vue(工程模板的路径) my-project

3.安装依赖环境

 npm install 

4.运行

npm run dev

二.Serialport 安装

1.安装依赖

配置工具
npm install -g node-gyp

编译工具
npm install --save-dev electron-rebuild

2.安装Serialport

npm install serialport --save

3. 重新编译

.\node_modules\.bin\electron-rebuild.cmd

在这里 出现了几个问题

a.编译时 出现乱码，并且报出致命错误

解决方法：
首先卸载 serialport ，然后全局用npm 官方源安装 serialport ，之后再.\node_modules.bin\electron-rebuild.cmd ，这个时候提示 rebuild complete

另外 以后如果有什么问题，尽量第一做法是卸载 组件，然后再用官方源安装一遍

----------------------------------以下是尝试过程----------------------------------------------

这时我的做法是 先将Serialport 卸载了，然后再重新安装

卸载 serialport
npm uninstall serialport

之后再在node_modules\serialport 下 运行 串口配置命令

node-gyp configure

然后又报错了

在node_modules 下搜索 binding.gyp 发现有四个文件

发现在node_modules/@serialport/bindings 目录下，有一个bindng.gyp,不清楚是不是要把这个binding.gyp 复制到node_modules/serialport 下。我是在 node_modules/@serialport 下运行 配置命令，然后没有报错
—》 这种做法最后在生成 app后，console 提示未找到 serialport 类

新做法–》 将 @serialport 下所有文件复制到serialport 下 然后node-gyp rebuild 没有错误，但是出现下面的问题 不知道什么问题


之后不管是rebuild 还是 install 都没有报错

如果有其他的问题，可以参考这个链接

三. 安装sqlite3

cnpm i sqlite3 -S

1. 编译sqlite3

node-gyp rebuild --target=2.0.4 --arch=x64 --target_platform=win32 --dist-url=https://atom.io/download/electron/ --module_name=node_sqlite3 --module_path=../lib/binding/electron-v2.0.4-win32-x64
平台配置 win10 64位   --arch=x64 --target_platform=win32

如果太慢,可以把
--dist-url=https://atom.io/download/electron/
换成
--dist-url=http://npm.taobao.org/mirrors/atom-shell

四. 过程中遇到的错误

1.node-sass 兼容问题

这种情况 重新rebuild 一下就好

npm rebuild node-sass

2.控制台运行时，出现 (Module not found: Error: Can’t resolve ‘XXX’ in ‘XXXX’ )

这时候 安装下，然后再rebuild 就好了

npm i XXX --save

如果有ERR，可以
npm uninstall XXX
npm i XXX --save