LinkWeChat Front
v5.23.1
Manual do Projeto | Manual do Usuário | Perguntas Frequentes |
[Último aviso] Se você tiver alguma sugestão ou opinião técnica/de produto, clique para nos contar ~ Uma vez adotado, você será incluído como um contribuidor de código aberto e agradecido no site oficial, e também receberá pequenos presentes do comunidade! ~
LinkWeChat V5.0 foi lançado oficialmente e em breve será totalmente integrado a grandes modelos de IA. Mais recursos serão atualizados gradualmente. Clique para experimentar agora ~
LinkWeChat adota uma arquitetura de separação front-end e back-end Para descrições específicas de projetos e bibliotecas back-end, acesse LinkWeChat para visualizar.
Se você achar nosso projeto de código aberto útil, clique em Estrela para apoiar a equipe de código aberto LinkWeChat❤️, seu apoio é nossa melhor motivação ~
Este warehouse é a biblioteca de código-fonte front-end do LinkWeChat. A pilha de tecnologia usa [vue3 vite pinia element-plus] e o manual técnico de front-end.
A versão da pilha de tecnologia vue2 (sem manutenção) pode ser visualizada alternando para a ramificação master-vue2. Para obter instruções específicas, consulte a descrição da versão v5.0.0 no log de atualização.
Endereço de demonstração de código aberto: https://demo.linkwechat.net/
Senha da conta padrão: lw, 123456
Atualmente, duas formas de experiência são suportadas:
Nota: O ambiente de demonstração bloqueou direitos administrativos e operações relacionadas
Estrutura de front-end
├── vue3-lw-pc // 后台管理端项目
├── public # 静态资源
│ │── static # 用于绝对路径的非打包资源，公用基础css等
│ │── favicon.ico # favicon图标
├── src # 源代码
│ ├── api # 所有后端接口请求
│ ├── assets # 主题 字体 svg icons 等静态资源
│ ├── components # 全局公用组件
│ ├── directive # 全局指令
│ ├── layout # 全局基础布局结构组件
│ ├── router # 路由 权限管理等
│ ├── stores # 全局 pinia store管理
│ ├── styles # 全局样式
│ ├── utils # 全局公用方法
│ ├── views # 业务功能所有页面
│ ├── App.vue # 入口页面
│ ├── config.js # 全局配置文件
│ ├── main.js # 入口文件 加载组件 初始化等
├── babel.config.js # babel-loader 配置
├── .env.js # 环境变量配置
├── index.html # html模板
├── jsconfig.json # jsconfig 配置 快捷路径等
├── package.json # package.json
├── vite.config.js # vite 配置
├── vue3-lw-mobile // 移动端vue3项目，包含客服升级，AI助手等2024.01.01之后的移动端新功能
├── linkwe-mobile // 移动端vue2项目，包含移动工作台、任务宝、群裂变等2024.01.01之前的功能
├── linkwe-uniapp // uniapp短链小程序项目
Em relação ao Node, a versão 16.xe superior é recomendada
Aqui está um exemplo de execução do projeto de gerenciamento vue3-lw-pc
Os projetos linkwe-mobile e vue3-lw-mobile são basicamente semelhantes à arquitetura vue3-lw-pc.
linkwe-uniapp tem apenas uma página de identificação de código ativo, que pertence ao projeto básico uniapp
Portanto, não serão fornecidos mais detalhes
# 克隆项目
git clone https://gitee.com/LinkWeChat/link-we-chat-front.git
# 进入项目目录
cd link-we-chat-front/vue3-lw-pc
# 安装依赖（下面几种方式在不同的机器上，成功率不同，自行尝试）
# 方式一： npm 指定淘宝镜像
npm i --registry=https://registry.npmmirror.com
# 方式二： 使用 cnpm 安装
npm install -g cnpm --registry=https://registry.npmmirror.com
cnpm i
# 方式三： npm i 原始安装 国内推荐上述两种方式 DDDD(懂的都懂)
npm i
# 启动开发服务 npm run dev
# 启动测试服务 npm run test (后端接口为测试环境接口)
# 构建测试环境 npm run build:test
# 构建生产环境 npm run build
# 前端访问地址 http://localhost:1024 
