คู่มือโครงการ |. คู่มือผู้ใช้ |. คำถามที่พบบ่อย |. รายการคุณสมบัติ V5.x
[ประกาศล่าสุด] หากคุณมีข้อเสนอแนะหรือความคิดเห็นที่เป็นมิตรต่อผลิตภัณฑ์/ทางเทคนิค คลิกเพื่อแจ้งให้เราทราบ~ เมื่อนำมาใช้แล้ว คุณจะถูกรวมเป็นผู้สนับสนุนโอเพ่นซอร์สและขอบคุณบนเว็บไซต์อย่างเป็นทางการ และคุณยังจะได้รับของขวัญเล็กๆ น้อยๆ จาก ชุมชน! -
LinkWeChat V5.0 เปิดตัวอย่างเป็นทางการแล้ว และเร็วๆ นี้จะมีการบูรณาการเข้ากับโมเดล AI ขนาดใหญ่อย่างเต็มรูปแบบ โดยจะค่อยๆ อัปเกรดความสามารถเพิ่มเติมให้ทุกคนได้สัมผัสล่วงหน้า! คลิกเพื่อสัมผัสประสบการณ์ตอนนี้เลย~
LinkWeChat ใช้สถาปัตยกรรมการแยกส่วนหน้าและส่วนหลัง สำหรับคำอธิบายโปรเจ็กต์เฉพาะและไลบรารีส่วนหลัง โปรดไปที่ LinkWeChat เพื่อดู
หากคุณพบว่าโครงการโอเพ่นซอร์สของเรามีประโยชน์ โปรดคลิกดาวเพื่อสนับสนุนทีมโอเพ่นซอร์ส 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