Electron+Vue3项目可以使用sqlite3数据库。 在Electron+Vue3项目中集成sqlite3数据库,可以通过以下步骤实现: 安装sqlite3: 首先,你需要在项目中安装sqlite3模块。可以通过npm或yarn来安装: bash npm install sqlite3 或者 bash yarn add sqlite3 配置Electron和Vue3项目: 确
npm install sqlite3 --save 2. 在你的代码中引入sqlite3模块: const sqlite3 = require('sqlite3').verbose(); 3. 使用以下代码在你的Electron应用程序中创建SQLite数据库连接: let db = new sqlite3.Database('./database.db'); 在这个例子中,'./database.db' 是你想要创建的数据库文件路径。 请注...
$ npm install@types/sqlite3@3.1.8-s 安装完成后在src/main.ts:7:1插入如下代码进行测试 importsqlite3from'sqlite3'console.log(sqlite3) 错误修复6 加入sqlite3测试代码后页面出现数不清的报错,这是因为vue配置中没有添加node支持 找到文件vue.config.js:4:1 // exports对象中加入配置pluginOptions:{electron...
2.1、首先使用 vue-cli 搭建基础 vue框架 vue create vue-demo 1. 2.2、运行vue cd vue-demo npm run serve 1. 2. 3. 3、集成 Electron 3.1、项目下安装electron npm i -D electron@24.2.0(全局安装的版本) vue add electron-builder 1. 2. 3. 这步是选择Electron的版本,这里选择最新版本13.0.0,等待...
1. 安装sqlite3依赖 npm install sqlite3 --save 安装完成之后,需要再运行一下(否则会出现找不到sqlite3.node) npm install 2.使用 // src/renderer/utils/db.js // 建表脚本,导出db对象供之后使用 import sq3 from 'sqlite3' const pathUtil = require('../utils/pathUtil.js') // import { docDir...
这里我选择了electron,因为很熟悉vue,就使用国人集成的electron-vue进行快速开发。本地数据库采用轻量嵌入型数据库sqlite3,不二之选。UI组件为iview。 本次项目【easy-invoices】github地址:https://github.com/CaanDoll/easy-invoices(求一波star~) 软件下载(目前只构建了windows版本):https://github.com/CaanDoll/ea...
Electron-Vue 调用本地数据库 一、安装sqlite3 npm install sqlite3 –save 二、编写建表脚本,导入数据库 //建表脚本,导出db对象供之后使用import fse from 'fs-extra'; import path from'path'; import sq3 from'sqlite3'; export const dbPath= path.join(__dirname, '/library/seed.db');...
electron sqlite3 模块 文章目录 背景 框架选型 开发过程 踩坑记录 问题1 vue-cli2无法使用vue cli plugin electron builder 问题2 vue component调用ipcRenderer 注意!!! 补充:vue-cli2和vue-cli3/4的一些区别 参考资料 背景 最近由于项目上的要求,需要开发一个基于数据展示页面。同时保证数据访问有可控性和安全...
本地缓存策略:结合IndexedDB(高频数据)与SQLite(结构化数据),降低云存储API调用频次14 。 二、技术选型与方案对比 核心工具链 技术领域推荐方案核心优势开发框架Vue3+Pinia+TypeScript类型安全、状态管理清晰11 构建工具Vite+Electron Builder构建速度提升5倍+7 ...