前端框架 vue-admin-template的搭建运行

9月前作者：健康平安的活着分类：Toy博客阅读(32) 违法举报

这篇具有很好参考价值的文章主要介绍了前端框架 vue-admin-template的搭建运行。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一介绍

1.1 下载地址

vue-element-admin是基于element-ui 的一套后台管理系统集成方案。

GitHub - PanJiaChen/vue-element-admin: :tada: A magical vue admin https://panjiachen.github.io/vue-element-admin

1.2 node.js的安装

地址下载node.js 1.6版本

CNPM Binaries Mirrorhttps://registry.npmmirror.com/binary.html?path=node/latest-v16.x/然后一路傻瓜式安装即可

前端框架 vue-admin-template的搭建运行,vue,vue.js,前端框架,javascript

1.3 vue-admin-template的安装

1.下载包

前端框架 vue-admin-template的搭建运行,vue,vue.js,前端框架,javascript

2.导入vscode中

前端框架 vue-admin-template的搭建运行,vue,vue.js,前端框架,javascript

3.执行安装依赖

前端框架 vue-admin-template的搭建运行,vue,vue.js,前端框架,javascript

在命令窗口输入： npm install

安装成功后，进行启动

4.运行：npm run dev

前端框架 vue-admin-template的搭建运行,vue,vue.js,前端框架,javascript

5.页面访问：

前端框架 vue-admin-template的搭建运行,vue,vue.js,前端框架,javascript 系统页面

前端框架 vue-admin-template的搭建运行,vue,vue.js,前端框架,javascript

二工程结构介绍

2.1 程序入口

前端框架 vue-admin-template的搭建运行,vue,vue.js,前端框架,javascript

2.2 架构组成部分

vue-admin-template模板=element-ui+vue

2.3 build目录的作用

build目录主要是存放项目的构建js文件

前端框架 vue-admin-template的搭建运行,vue,vue.js,前端框架,javascript

2.3 build目录的作用

2.4 src目录的子文件的作用

前端框架 vue-admin-template的搭建运行,vue,vue.js,前端框架,javascript 文章来源地址https://www.toymoban.com/news/detail-695908.html

到了这里，关于前端框架 vue-admin-template的搭建运行的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

Admin Plus | 基于vue.3的前端框架，适用于中后台系统

关于 Admin Plus 功能支持功能列表兼容性去使用 Admin Plus 是一套企业级的通用型中后台前端解决方案，它基于 View UI Plus ，适用于 Vue.js 3 。包含 JavaScript 和 TypeScript 双版本。 Admin Plus 使用最前沿的前端技术栈，支持各类型产品，比如典型的中后台应用（类阿里云后

2024年02月08日
浏览(40)
Vite-Admin后台管理系统|vite4+vue3+pinia前端后台框架实例

基于 vite4.x+vue3+pinia 前端后台管理系统解决方案 ViteAdmin 。前段时间分享了一篇vue3自研pc端UI组件库VEPlus。这次带来最新开发的基于 vite4+vue3+pinia 技术栈搭配ve-plus组件库构建的中后台权限管理系统框架。支持vue-i18n国际化多语言、动态路由鉴权、4种布局模板及tab页面缓存等功

2023年04月13日
浏览(80)
Vue_Bug VUE-ADMIN-TEMPLATE-MASTER electron build后无法登录

Bug描述： VUE-ADMIN-TEMPLATE-MASTER 项目在经过 electron 的 build 命令后，无法登录问题原因：大部分vue 前段项目会使用 js-cookie 这个库来操作浏览器的cookie 然而这个库在electron下会无法使用（最坑的是还没报错）从而导致登录成功以后写cookie 读cookie的操作全部失败自然而然

2024年02月07日
浏览(41)
最热门的用于后台管理类产品开发的开源前端框架vue-element-admin-4.4.0的介绍和使用

目录简介功能 1、环境准备 2、克隆（下载）vue-element-admin项目 3、处理tui-editor依赖报错 4、安装其它依赖包 5、替换使用tui-editor的内容 6、启动项目 7、运行效果配置路由代码布局组件代码创建页面组件代码配置主文件哈哈，本篇文章的标题有点长。在公众号 CTO Plus 前

2024年02月04日
浏览(49)
快速搭建Vue前端框架

Vue官方安装过程:https://cli.vuejs.org/zh/guide/installation.html 2.2 安装淘宝镜像 2.1 安装vue命令通过vue命令来创建一个Vue工程如果显示：“‘vue’ 不是内部或外部命令，也不是可运行的程序”，说明环境变量没有配置，需要配置一下环境变量，可以参考这个帖子： https://blog.csdn.net

2024年03月12日
浏览(41)
【前端】搭建Vue3框架

VScode/HBuilder等任何一种前端开发工具 node.jsnpm本地开发环境 Node.js官网：Node.js官网安装成功后，在CMD控制台输入以下两个命令验证是否安装成功 ①、创建默认安装目录和缓存日志目录（我的node.js目录在D盘，所以直接在node.js文件夹下创建）由于在执行全局安装语句时，安装

2024年02月08日
浏览(45)
企业级通用低代码开发平台——一二三应用开发平台发布1.0开源版本，前端vue3+element plus，框架vue-element-plus-admin，后端ssm+MybtaisPlus

早些时候，也就是三月初的时候，定了一个长期计划，即再启程，研发应用开发平台（详见本专栏第一篇https://blog.csdn.net/seawaving/article/details/129334330）。经过大概两个月的努力，低代码配置功能部分完成了雏形，并使用配置功能，将系统管理模块实现出来了，相当于进行了初

2024年02月05日
浏览(63)
前端VUE3+Vite +UniAPP-- 框架搭建

除了HBuilderX可视化界面，也可以使用 cli 脚手架，可以通过 vue-cli 创建 uni-app 项目。全局安装 vue-cli 官网配置tailwindcss插件官网在 tailwind.config.js 配置文件中添加所有模板文件的路径。将加载 Tailwind 的指令添加到你的 CSS 文件中在你的主 CSS 文件中通过 @tailwind 指令添加每一

2024年02月11日
浏览(43)
spring boot admin搭建，监控springboot程序运行状况

新建一个spring boot web项目，添加以下依赖 spring boot的监控端点依赖必须的。关于版本，springboot的版本前两位是什么，上面依赖的版本就对应什么版本，比如现在spring boot parent的版本是2.3.5，这里的依赖可以选择2.3开头的版本。下面是开启相关的端点功能添加以上依赖之后，

2024年04月16日
浏览(28)
07. vue3+vite+qiankun搭建微应用前端框架，并接入vue3微应用

因为业务系统接入的需要，决定将一个vue3+vite+ts的主应用系统，改造成基于qiankun的微应用架构。此文记录了改造的过程及vue3微应用接入的种种问题。网上有很多关于微应用改造的案例，但很多都没写部署之后什么情况。写了部署的，没有实操部署在二级目录、三级目录是什

2024年01月16日
浏览(61)