使用 VSCode 整合 vue-admin-template

最新推荐文章于 2024-08-08 08:30:18 发布
最新推荐文章于 2024-08-08 08:30:18 发布
阅读量1.8k 收藏 2
点赞数
分类专栏： Vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011374856/article/details/105362028
版权

1、简介

vue-admin-template 是一个简单的 vue admin 管理后台。

2、整合

2.1、下载项目源码

GitHub地址：vue-admin-template 源码下载

2.2、导入项目

在 VSCode 中点击打开文件夹，选择 vue-admin-template下载解压后目录

2.3、创建一个命令行终端窗口

2.4、 启动 vue-admin-template 安装

# vue-admin-template 安装，需要等待一段时间
npm install

 2.5、 启动 vue-admin-template 启动

# vue-admin-template 启动
npm run dev

2.6、访问

访问地址：http://localhost:9528

=蜗牛=
关注
专栏目录
Vue及Element UI&vue-element-admin简记
生活在别处
11-21 6980
文章目录概念索引安装vue基本语法声明式渲染动态参数双向绑定数据绑定中进行数据处理使用JS表达式计算属性侦听器Class 与 Style 的数据绑定Class的数据绑定Style的数据绑定条件与循环条件渲染v-if指令v-show指令列表（数组）渲染数据更新检测事件监听器修饰符事件修饰符按键修饰符按键码系统修饰键指令的缩写组件化应用构建vue实例实例生命周期的钩子模板语法高级语法相关概念HTML ...
vue-admin-template-3.8.0.zip
08-13
vue-admin-template前端页面开发框架，你可以把 vue-element-admin当做工具箱或者集成方案仓库，在 vue-admin-template 的基础上进行二次开发，想要什么功能或者组件就去 vue-element-admin 那里复制过来。在开发后台管理项目时，多用户多角色不同权限的场景可以说是非常普遍的。从零开始手写一个后台，要考虑的东西很多，这里直接拿网上大家比较熟悉的vue-admin-template后台模版来进行改造。
VsCode搭建vue极简后台管理模板vue-admin-template
Thinkingcao的专栏
10-11 6137
前言 vue-admin-template：一个极简的 vue admin 管理后台，它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。是一个vue轻量级后台管理系统基础模板，预览地址：https://woai3c.github.io/#/login或者http...
Vue3-admin-element-template 教程
最新发布
gitblog_00987的博客
08-08 727
Vue3-admin-element-template 教程 vue3-admin-element-template???? 基于 Vue3、Vite2、Element-Plus、Vue-i18n、Vue-router4.x、Vuex4.x、Echarts5等最新技术开发的中后台管理模板,完整版本 vue3-admin-element 正在开发完善中项目地址:https://gitcode.com/...
VSCode开发VUE的vue-admin-template+element-UI 的增删改查页面的案例
qq_39564710的博客
02-03 1742
1: 查询： 首先界面的查询列表显示功能和条件查询功能 步骤 第一步： 找打src/router 文件夹下的index.js文件，这个是路由文件，在里面添加一个模块，直接复制一个example修改一下即可，如下 { path: '/teacher', component: Layout, redirect: '/teacher/table', name: '教师模块', meta: { title: '教师模块', icon: 'example' }, ...
VsCode搭建vue通用后台管理系统vue-element-admin
Thinkingcao的专栏
08-03 4996
vue-element-admin文档： https://panjiachen.github.io/vue-element-admin-site/zh/ 在线预览： https://panjiachen.github.io/vue-element-admin/#/dashboard 一、vue-element-admin介绍 vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了i18国际化解决方案，动态路由，权限验证，提炼
vue-admin-template的二次开发
H1196854411的博客
06-25 1153
​ 二次开发vue-admin-template与常规前端的编写基本相同，但得益于vue-admin-template编写的基础，使得前端在起步阶段更加快捷。其中最需要注意的是跨域问题的配置，这需要前后端同时允许跨域，才能实现接口对接和数据传输。
VUE-ADMIN-TEMPLATE-MASTER.rar
06-14
Vue-Admin-Template-Master是一个基于Vue.js和Element UI的高效、简洁的后台管理界面框架模板。这个模板专为快速开发企业级后台管理系统而设计，它整合了Vue.js的响应式特性、Element UI的丰富组件以及现代化前端...
六、Django整合Vue（Mac环境搭建）
weixin_42199646的博客
04-10 428
=>自动运行npm install，选择第三项，不运行，自己执行命令。Setup e2e tests with Nightwatch ==> 是否需要 端到端测试工具 目前我们不需要 所以 n 回车；Use ESLint to lint your code ==> 是否需要 js 语法检测 目前我们不需要 所以 n 回车；Install vue-router ==> 是否要安装 vue-router，项目中肯定要使用到 所以Y 回车；Vue build ==> 打包方式，回车即可；
vue -- -- --常用
qq_31889029的博客
09-20 483
一、UI组件及框架 　　element - 饿了么出品的Vue2的web UI工具套件 　　mint-ui - Vue 2的移动UI元素 　　iview - 基于 Vuejs 的开源 UI 组件库 　　vux-ui -Vue.js 移动端 UI 组件库 　　Keen-UI - 轻量级的基本UI组件合集 　　vue-material - 通过Vue Material和Vue 2建立精美...
vue常用插件，可自定义选择。vue demo
surge
12-06 742
根据项目实际情况，选择合适的插件对项目进行开发。留了部分demo可供参考
vue-admin-template
03-05
vue-admin-template 极简后台模板以及vue-element-admin后台集成环境
vue-admin-template:vue管理模板
03-07
vue管理模板 English | 具有Element UI，axios，iconfont，权限控制和lint的最小vue管理员模板 现场演示： : 当前版本是在vue-cli上构建的v4.0+ 。 如果要使用旧版本，可以将分支切换到 ，它不依赖于vue-cli 构建设置 # clone the project git clone https://github.com/PanJiaChen/vue-admin-template.git # enter the project directory cd vue-admin-template # install dependency npm install # develop npm run dev 这将自动打开 建造 # build for test environment npm run build:stage # build for
详解使用vue-admin-template的优化历程
12-03
前言 公司有好几个项目都有后台管理系统，为了方便开发，所以选择了 vue 中比较火的后台模板 作为基础模板进行开发。但是，开始用的时候，作者并没有对此进行优化，到项目上线的时候，才发现，打包出来的文件都十分之大，就一个 vendor 就有 770k 的体积（下图是基础模板，什么都没加打包后的文件信息）： 通过 webpack-bundle-analyzer 进行分析可得，体积主要来源于饿了么UI（体积为 500k），因为没对其进行部分引入拆分组件，导致 webpack 把整个组件库都打包进去了。其次就是 vue 本身，体积也达到了 80k 之大。 所以，对其进行打包优化，是一件刻不容缓的事
vue-admin-template二次开发
qq_35632957的博客
12-04 1276
vue-admin-template是基于vue-element-admin的一套后台管理系统基础模板。
基于vue-admin-template二次开发
7William的博客
08-03 2274
基于vue-admin-template二次开发 1、添加路由 新增页面组件 // 静态路由 export const constantRoutes = [ { path: '/login', component: () => import('@/views/login/index'), hidden: true }, { path: '/', component: Layout, redirect: '/appointment/index'
vue-admin-template使用路由和mockjs进行二次开发
qq_45745643的博客
05-30 3576
最近在研究vue-admin-template模板，准备对他做二次开发，其中必须要经历的步骤就是创建路由和请求mock假数据了，下面是我写的一个商品页面，所有的数据都是利用Mockjs随机生成的，现在简单说一下我的编写步骤和思路。 如果对这个模板不熟悉的话建议先阅读一下官方文档 1.首先我们在views下新建一个product文件夹，然后在里面新建一个index.vue，官方文档说了，侧边栏是动态生成的，所以我们只需要在路由表里添加一个路由 2.进入router/index.js，添加一个路由，我把它当
vue-admin-template 二次开发 日常记录
weixin_42235965的博客
08-28 1657
1.按照产品需求加tagsview，如图： 实现方法： 到你下载的项目的根目录下，找到settings.js文件，将文件中的tagsView: false 改成 true就可以啦！！！ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ buy the way，细心的小伙伴会发现，加了tagsview之后，就算右侧内容不够一屏的高度，还是有滚动条，这是为什么
VSCode中Vue-cli项目ESLint配置详解及步骤
在VSCode中配置Vue CLI项目的ESLint是提高代码质量和保持一致性的关键步骤。本文将指导你如何在VSCode环境中安装并设置ESLint，以便对 Vue 项目进行实时的语法检查和自动修复。以下是详细的配置过程： 1. 安装插件...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值