electron使用electron-store
时间: 2024-12-30 15:27:46 浏览: 152
### 如何在 Electron 中使用 `electron-store` 实现数据持久化
#### 安装依赖包
为了能够在项目中使用 `electron-store`,需要通过 npm 或 yarn 来安装该模块。
```bash
npm install electron-store
```
或者如果偏好使用 yarn:
```bash
yarn add electron-store
```
#### 初始化配置
对于 Vue 和 Electron 结合使用的场景,在主进程中引入并初始化 `electron-store` 后还需要调用特定方法使其实例能在渲染进程中访问到。针对不同版本的 Electron 可能会有所差异,比如对于 11.x 版本及以上,则需执行如下操作[^3]:
```javascript
// main.js (Electron 主进程)
import { app } from 'electron';
import Store from 'electron-store';
const store = new Store();
if (process.type === "browser") {
Store.initRenderer();
}
```
#### 使用实例
下面展示了一个简单的例子说明怎样存取键值对形式的数据。这里假设是在一个已经设置了正确环境变量以及路径映射后的 Vue 组件内部进行的操作。
```javascript
// src/utils/electronStore.js (Vue 渲染进程)
import Store from 'electron-store';
const _store = new Store({
name: 'my-app-config'
});
export default _store;
```
接着可以在任何组件里轻松地获取或设置存储项:
```javascript
// example.vue (任意 Vue 组件)
import _store from '@/utils/electronStore';
_store.set('keyName', value); // 设置 key-value 对应关系
console.log(_store.get('keyName')); // 输出对应的 value 值
```
这样就完成了基本的数据持久化的实现过程。需要注意的是,默认情况下所有的数据都会被序列化成 JSON 并保存至由操作系统提供的用户目录下的应用专属文件夹中的某个位置,具体可以通过 `app.getPath('userData')` 方法得知确切的位置[^2]。
阅读全文
相关推荐


















