官方文档:vue-element-admin 好了,下面我们开始。 1.首先我们从github下载源码。然后本地打包运行。 依赖安装:npm install --registry=https://registry.npmmirror.com 运行:npm run dev 可以看到浏览器自动打开了:http://localhost:9527/#/dashboard 2.新增模板-部门管理 首先路由router/index.js中添加路由配置。
安装完成会发现项目目录中多了一个依赖文件夹 3:运行本地开发 启动项目 npm run dev 4:浏览器打开 运行成功就使用浏览器打开http://localhost:9527/ 可以在这个后台管理系统的模板的基础上,修改一些自己需要的代码,变成自己的开发的项目了,此处自行发挥,省略一万字。
GitHub地址:https://github.com/PanJiaChen/vue-admin-template 建议:你可以在vue-admin-template的基础上进行二次开发,把vue-element-admin当做工具箱,想要什么功能或者组件就去vue-element-admin那里复制过来。 2、安装 # 解压压缩包 # 进入目录 cd vue-admin-template-master # 安装依赖 npm install # 启动。执...
接上文。 我们可以继续编辑一下模板/dept/index.vue。 <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="handleFilter"> 搜索 </el-button> <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-edit" @click="handleCr...
一、程序执行流程 二、和其他采用VUE框架的项目一样,vue Element Admin 的程序入口是main.js,在这里new了一个VUE实例,同时导入引用了 permission和router router:路由表 permission:权限控制 到这里程序的执行为main.js(new VU
首先我们安装vue-element-template和vue-element-admin。 可以直接参考官方文档进行学习:https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/#%E5%8A%9F%E8%83%BD 没有git的可以先下载git再进行下载。第一次下载比较慢,需耐心等待。 vue-element-admin安装成功: ...
执行命令:vue creare vue-element-admin 选择Vue2 和yarn 环境进行安装: 这里我没有安装git,所以会爆一个警告。 三、配置element- ui 跟着element官网走 npm i element-ui -S ...
路径:vue-element-admin的根目录 原因:tui-editor(富文本编辑器插件)更名造成的,现在已经改名为toast-ui/editor并且该文件名和方法名都进行可修改,所以需要手动处理。 修改内容如下: 然后执行单独安装tui-editor 因为vue-element-admin项目依赖tui-editor ,手动执行命令安装就行 ...
1:打开.env.development 将接口地址设置成线上访问 注释本地 VUE_APP_BASE_API = '/' 代码语言:javascript 复制 ENV='development'# 接口地址VUE_APP_BASE_API='/'#VUE_APP_WS_API='http://192.168.4.103:8091/'# 是否启用 babel-plugin-dynamic-import-node插件VUE_CLI_BABEL_TRANSPILE_MODULES=true ...