# blackCatVoiceAssistant

**Repository Path**: wangwang2020/blackCatVoiceAssistant

## Basic Information

- **Project Name**: blackCatVoiceAssistant
- **Description**: 黑猫语音助手
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-03-09
- **Last Updated**: 2025-03-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: wails, Go语言

## README



# 黑猫语音助手开发与运行指南

功能

1、语音转文字，显示在屏幕

2、指令，对它说:"黑猫,查询粉丝数"

特点

1、采用Go语言框架Wails+Vue3开发

2、采用无边框窗口

## 创建项目
```
# 检查环境
ge env

# 检查环境
wails doctor

# 创建项目
wails init -ide vscode -n blackCatVoiceAssistant -t vue
```

## 用vscode打开项目目录

## 配置wails.json
修改npm为pnpm

### 后端

```
# 进入项目文件夹
cd blackCatVoiceAssistant
# 下载依赖
go mod tidy
```


### 前端

```
# 进入项目文件夹
cd blackCatVoiceAssistant
# 进入前端目录
cd frontend

# 安装依赖
npm install
```

### 运行项目
```
# 进入项目文件夹
cd blackCatVoiceAssistant
# 运行项目
wails dev
```

# Element
```
# 进入前端目录
cd frontend

# 安装element-plus
pnpm install element-plus
```

不采用全部导入,而只导入需要的组件
按需导入
npm install -D unplugin-vue-components unplugin-auto-import

vite.config.ts
```
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
```
运行wails dev,弹出窗口,右键刷新，即可看到按钮


# ICon图标

```
pnpm install @element-plus/icons-vue
```

不采用全部导入,而只导入需要的图标

自动导入(按需导入)
```
pnpm i -D unplugin-icons
pnpm i -D unplugin-auto-import
```

# 添加语音识别功能
利用chrome浏览器的语音识别能力
pnpm install @vueuse/core

代码
```js
const {
  isSupported,
  isListening,
  isFinal,
  result,
  start,
  stop,
} = useSpeechRecognition({
  lang: 'zh-CN',
  interimResults: true,
  continuous: true,
})

onMounted(()=>{
  if (!isSupported){
    alert('你的浏览器不支持语音识别')
  }else {
    start()
  }
})
```


# 添加状态存储功能
~~pnpm install pinia~~

https://vueuse.nodejs.cn/core/useSpeechRecognition/

# 指令

运行命令`wails dev`启动项目,系统右下角,或者系统托盘会有麦克风图标(如何没有,可以在界面右键刷新一下试试看),
接下来对它说:"黑猫,查询粉丝数"
可以在assistant.js文件中修改指令

# Git设置与上传

Git 全局设置:

```
git config user.name ""
git config user.email ""
```

创建 git 仓库:

```
mkdir blackCatVoiceAssistant
cd blackCatVoiceAssistant
git init 
touch README.md
git add README.md
git commit -m "first commit"
git remote add origin git@gitee.com:wangwang2020/blackCatVoiceAssistant.git
git push -u origin "master"
```

已有仓库?

```
cd existing_git_repo
git remote add origin git@gitee.com:wangwang2020/blackCatVoiceAssistant.git
git push -u origin "master"
```