(一) Vue3项目的基本环境搭建及初始化页面配置

cd desktop cd进桌面

vue create mell 创建名为mell的项目

这里我选择之前的预设vue3

创建完成在vscode中打开

npm install

npm run serve

删除不必要的文件 about.vue和helloWord.vue

清空home.vue中默认的内容及删除或注释掉路由中默认的配置否则运行会报错

清空app.vue中默认内容并将其作为页面入口文件

此时项目的运行结果为

到这里完成了Vue3项目的基本环境搭建及初始化页面配置

vue3+element-plus搭建后台管理系统（一）相关推荐

Vue3+TS+Vite+Element Plus搭建后台管理系统
Vue3+TS+Vite+Element Plus搭建后台管理系统 1.简介 2.效果图 3.技术栈 4.项目目录 5.setting.js(全局配置文件) 6.路由router 7.状态管理stor ...
Python VUE3 + Django Ninja的后台管理系统
Python VUE3 + Django Ninja的后台管理系统为什么使用 Django-Ninija 和 Vue3
Vue学习笔记: Vue + Element-ui搭建后台管理系统模板
Vue学习笔记: Vue + Element-ui搭建后台管理系统模板技术:Vue + Element-ui 功能:后台管理系统基础模板,路由配置,加载页面进度条,请求响应拦截器的封装等页面预览: ...
使用bootstrap搭建后台管理系统页面《一》
1. 使用bootstrap搭建后台管理系统页面<一> 一般的后台管理系统页面主体包括四个部分,顶部导航栏,左侧菜单栏,中间正文页和底部的页脚. 其中左侧和顶部使用的是bootstrap的 ...
使用bootstrap搭建后台管理系统页面《二》
1.使用bootstrap搭建后台管理系统页面<二> 这次不需要另外写css.直接完全引用bootstrap下的样式. 完成以后的效果: 源代码: <%@ page language ...
使用node搭建后台管理系统（1）
使用node搭建后台管理系统 1.搭建项目结构 2.装包 3.要实现的效果登录页面登录成功后的管理页面查找学生功能编辑学生功能添加学生功能删除学生功能以下两个步骤在我之前的文章中已经操作 ...
手把手带你使用uni-admin搭建后台管理系统
我们一般写应用都需要有后台管理系统,那么uni-app也不例外. 本次内容假设我们已经完成了一个uni-app+uniCloud开发的程序. 默认我们已经搭建好了服务空间. 我们的视频教程(免费)链接 ...
vue + element ui 的后台管理系统框架_从零开始搭建 VUE + Element UI后台管理系统框架...
点击右上方红色按钮关注"web秀",让你真正秀起来前言后台管理系统前端框架,现在很流行的形式都是,上方和左侧都是导航菜单,中间是具体的内容.比如阿里云.七牛云.头条号.百家号等 ...
通过xadmin或者suit-v2快速搭建后台管理系统
2019独角兽企业重金招聘Python工程师标准>>> 一.xadmin安装和注册使用 pip install xadmin#pip升级后这种安装就报错 python -m pip ...
通过iframe搭建后台管理系统右侧内容_七巧Plus | 搭建量身定制的EAM资产管理系统...
什么是资产管理? 企业资产管理的核心内容是企业资产(主要对象是企业设备)使用过程的维护.维修管理,核心目标是设备的最大化利用,提高企业效益及投资回报率.随着企业逐渐发展壮大,固定资产数量也与日俱增,大 ...

vue3+element-plus搭建后台管理系统（一）

(一) Vue3项目的基本环境搭建及初始化页面配置

vue3+element-plus搭建后台管理系统（一）相关推荐

最新文章

热门文章