LinkWeChat Front

Project Manual | User Manual | FAQ | V5.x Feature List

---

[Latest Notice] If you have any product/technical-friendly suggestions or opinions, click to tell us~ Once adopted, you will be included as an open source contributor and thanked on the official website, and you will also receive small gifts from the community! ~

LinkWeChat V5.0 has been officially released, and will soon be fully integrated into large AI models. More capabilities will be gradually upgraded. Everyone is welcome to experience it in advance! Click to experience it now~

LinkWeChat adopts a front-end and back-end separation architecture. For specific project descriptions and back-end libraries, please go to LinkWeChat to view

If you find our open source project helpful, please click Star to support the LinkWeChat open source team❤️, your support is our best motivation~

---

Platform introduction

This warehouse is the front-end source code library of LinkWeChat. The technology stack uses [vue3 vite pinia element-plus] and the front-end technical manual.

The vue2 technology stack version (no maintenance) can be viewed by switching to the master-vue2 branch. For specific instructions, please refer to the v5.0.0 version description in the update log.

Online experience

Open source demo address: https://demo.linkwechat.net/

Default account password: lw, 123456

Currently, two ways of experience are supported:

1. Scan the QR code on the homepage to apply to join the test company. After the application is approved, you can scan the QR code to log in and experience the complete functions of the system;
2. Click on the account password to log in and check the demo account to log in to experience the backend system online, but it does not support experiencing mobile-related functions;

Note: The demo environment has blocked administrative rights and related operations

Front-end structure

 ├── 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短链小程序项目

Install and run

Regarding Node, version 16.x and above is recommended

Here is an example of running the vue3-lw-pc management project

The linkwe-mobile and vue3-lw-mobile projects are basically similar to the vue3-lw-pc architecture.

linkwe-uniapp has only one live code identification page, which belongs to the basic uniapp project

Therefore, no further details will be given

 # 克隆项目
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 

Change log