首页 > 其他分享 >精简的Vue Elenent ui界面

精简的Vue Elenent ui界面

时间:2023-08-10 14:57:27浏览次数:38  
标签:npm Vue run Elenent production ui build report

仓库地址:https://gitee.com/JSTGitee/element-jst-admin

 

登录

 

 

首页

 

 

 

表格

 

 

 

前言

该方案作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统开发。基于 Vue2,使用 vue-cli2 脚手架,引用 Element ui 组件库,方便开发快速简洁好看的组件。

 

功能

    •  Element ui
    •  登录/注销
    •  Dashboard
    •  表格
    •  Tab 选项卡
    •  表单
    •  图表 :bar_chart:
    •  富文本编辑器
    •  图片拖拽/裁剪上传


# install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view the bundle analyzer report npm run build --report

 

标签:npm,Vue,run,Elenent,production,ui,build,report
From: https://www.cnblogs.com/jstblog/p/17620308.html

相关文章

  • Vue3中的defineProps方法
    1.什么是definePropsdefineProps是Vue3中的一种新的组件数据传递方式,可以用于在子组件中定义接收哪些父组件的props。当父组件的props发生变化时,子组件也会随之响应。2.如何使用defineProps?在子组件中可以使用defineProps声明该组件需要接收的props,它需要传递一个包含props字段......
  • vue cli 解决浏览器缓存问题
    在vue打包时会遇到前端明明发布了,但是浏览器却没有更新。需要强制刷新才能看到最新的内容。解决方法一加时间戳后缀在vue.config.js的文件中加入constTimestamp=newDate().getTime();module.exports={configureWebpack:{//webpack配置output:{//输出重构......
  • 使用vue+openLayers开发离线地图以及离线点位的展示
    1.下载引入到需要的组件中npminstallol2.需要用到的api...(根据开发需求以及实际情况进行引入)importolfrom"ol";import"ol/ol.css";importMapfrom"ol/Map";importViewfrom"ol/View";importFeaturefrom"ol/Feature";importPoin......
  • abp-vnext-pro 实战(六,vue 前端状态pinia)
    在login的时候把所有写入全局store,console.log('----------------从数据库获取字典--------------------');constappStore=useAppStore();constdataDictionaryServiceProxy=newDataDictionaryServiceProxy();constdetailInput=new......
  • awesome-android-ui
    https://github.com/wasabeef/awesome-android-ui SkiptocontentSignup Signin ThisrepositoryExploreFeaturesEnterpriseBlog   Star3,934 Fork526wasabeef/awesome-android-uiCode......
  • Vue 自定义组件
    下面有一个例子。<template><el-input:value="value"@click.native="select"readonly><iclass="el-icon-circle-close"slot="suffix"@[email protected]="clear"/>&l......
  • vue+django跨域问题
    解决办法:MIDDLEWARE=['corsheaders.middleware.CorsMiddleware','yshop.middleware.AuthorizeMiddleware','django.middleware.security.SecurityMiddleware','django.contrib.sessions.middleware.SessionMiddleware�......
  • Get a quick overview of the hottest diagnostic tools of the day
    Intoday'sfast-pacedtechnologicalworld,itiscriticalforprofessionalsacrossindustriestohaveaccesstoreliablediagnostictools.Thisisespeciallytrueforthosewhoworkinheavymachineryandagriculture.Inthisblogpostwetakeaclos......
  • C#图形用户界面(GUI)编程:Windows窗体应用程序
    简介:欢迎来到C#语言入门指南的第七篇博客!在前几篇博客中,我们已经学习了C#语言的基本概念、面向对象编程、数组和集合、异常处理和调试技巧,以及文件和IO操作、多线程编程。今天,我们将进入GUI编程的世界,学习如何使用C#创建Windows窗体应用程序。让我们开始吧!1.Windows窗体应用程序......
  • 在Vue中可以使用方括号法获得想要的对象数据吗?
    1.问题Document{{message}}{{school.name}}{{school[mobile]}}在这里{{school.name}}{{school[mobile]}}不可以使用方括号法获得想要的对象数据吗?2.解决在Vue.js中,使用双花括号({{}})来插值数据是正确的,但是方括号法([])用于动态属性访问的方式是不适......