vue3.0 admin

vue3-addmin

Breve introducción

VUE3-Admin es una pantalla de página frontal de un sistema de gestión de fondo, establecido por Vue-CLI4 y Elemnet-UI. Se utiliza el último marco VUE, y el modo de desarrollo de componentes se usa en el interior, de modo que cada componente se basa en el principio de la función única. Aunque puede sentirse ligeramente cansado al principio (debido a que la función sub -componente es única, hay más comunicación interna), tiene muy grandes beneficios para el mantenimiento posterior. El proyecto utiliza un diseño de caja flexible (flex), por lo que también tiene un buen efecto de visualización en el terminal móvil, que se puede abrir en la demostración para ver en el terminal móvil.

El servidor no ha renovado el tiempo de espera y se ha detenido.

Demostración (porque el autor compró la versión de bajo gas del servidor de la nube Alibaba solo, puede llevar a un largo tiempo de solicitud)

Demostración en línea

Mire el código para escanear el código para ver

Desarrolle su experiencia más rápido y mejor, consulte el proyecto a continuación

Proyecto de combate real VUE3

Desarrollar

 # 克隆项目
git clone [email protected]:guodonglw/vue3.0-admin.git

# 进入项目目录
cd vue3.0-admin

# 安装依赖
npm install

# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run serve

# 如遇到node-sass的问题，可尝试
npm rebuild node-sass

Acceso al navegador http: // localhost: 8080

liberar

 # 构建生产环境
npm run build

El embalaje aparecerá en la carpeta distal, simplemente abra la página index.html con el navegador Chrome

Soporte de navegadores

Navegadores modernos

Firefox	Cromo	Safari
Últimas 2 versiones	Últimas 2 versiones	Últimas 2 versiones

Observación

 // 建议首先查看路由文件(了解项目路由以及如何进行动态生成前端路由)
// 页面查看顺序(登录页（views/Login）-> 首页(views/Home/Dashboard))，其中views/Home为其他页面的公共引用部分
// 与后端交互接口（请查看service/index.ts，数据由mock.js产生；实际开发请查看util/request.ts）
// 后台系统包括了登录，异步生成路由，echarts数据可视化，table表增删改查等功能，希望该demo示例可以帮助到有需要的朋友快速上手
// 根据vue-cli示例，主页面index.vue中会采用vue2的写法，在子组件中则有较大的变化，请仔细查看区别