LinkWeChat Front
v5.23.1
項目手冊| 使用手冊| 常見問題| V5.x 功能清單
【 最近通知】還有什麼想要產品/技術上友好的建議或意見,點擊告訴我們~一經採納,將納入開源貢獻者並官網致謝,還會收到社區獎勵的小禮品哦! ~
LinkWeChat V5.0 正式發表啦,即將全面接入AI 大模型,更多能力逐步升級,歡迎大家提早體驗!點擊立即體驗~
LinkWeChat 採用前後端分離架構,具體項目說明及後端庫請移步至LinkWeChat 查看
如果您覺得我們的開源專案很有幫助,請點擊Star 支援LinkWeChat 開源團隊❤️,您的支持,是我們最好的動力~
本倉庫為LinkWeChat 的前端原始碼庫,技術堆疊採用[vue3 vite pinia element-plus],前端技術手冊。
vue2 技術堆疊版本(停止維護)可切換至master-vue2 分支查看,說明請參考更新日誌中v5.0.0 版本說明
開源演示網址:https://demo.linkwechat.net/
預設帳號密碼:lw,123456
目前支援兩種方式體驗:
注意:演示環境已屏蔽管理權限和相關操作
前端結構
├── 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短链小程序项目
關於Node,推薦16.x 及以上版本
這裡以vue3-lw-pc 管理端專案運行範例
linkwe-mobile、vue3-lw-mobile 專案與vue3-lw-pc 架構基本雷同
linkwe-uniapp 只有一個活碼識別頁面,屬於基礎的uniapp 項目
故,不做贅述
# 克隆项目
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