是个啥？就是实现一个管理系统页面，不含CURD～怕忘了怎么个过程，整理一下。。。使用就是直接下载VUE-ELEMENT-ADMIN框架，VS直接打开进行编辑。

一、实现篇

1、mock数据

（1）目录结构的mock中创建.js文件，内部按照接口定义去mock数据，比如本次是定义数组，数组里包含多个对象，然后使用module.exports导出；

2、页面布局

（1）src/views内进行页面布局，整体显示需要去src/router内配置一下页面路径。

（2）上：header+list

（3）中：form表单

（4）下：table表

3、页面权限

（1）src/router内配置页面权限。

二、找问题篇

1、配置角色

这个没太多说的，因为我增加了一个“visitor”角色，在框架的使用下，所有涉及角色的地方都要修改到位；例如：角色定义、角色获取token等等；

2、使用网络图片

这个真的是我蠢了，明明很简单操作过的却忘了，问完别人觉得好沙雕低级。。就是网上随便找到一张图片右键复制链接嘛～当然我们此处不考虑长链短链加密解密啥的；

3、文件抛出引入

export 是抛出多个；export default 是抛出一个；对应要考虑到引入文件是否需要肤赋值解构；

4、形参实参

定义时是形参，使用时是实参；如下图，因为我传的是个方法，所以使用时调用方法需要使用圆括号；

5、调试方法

（1）学会使用“console.log（111111等+要打印的部分）”来检查你想知道的字段值以及类型等；

（2）另外可以在页面任意地方加个事件按钮，调用你的方法，点击可打印你想知道的数据。如下： //当然方法里有console.log

<el-button v-on:click="你的方法()">点我打印你想知道的数据</el-button>

6、登录问题报错——其实是搞定git部分的时候出现的问题

登录报错，之前从来都没有碰到过～后来发现是从一个项目文件往另一个项目文件里复制粘贴时（想全部文件粘过去覆盖掉原有文件），用命令操作的少粘贴了隐藏文件，一般这些文件中都是有配置的，所以导致了报错；————解决：网上查找Mac如何显示隐藏文件，显示隐藏文件后，把所有隐藏文件再复制过去一遍，登录报错问题就好了！所以正好印证了我前面的猜想～

三、github配置提交篇

1、首先我是先git pull下远程创建好的git仓库地址，其实这步操作就是初始化，就要出现我上面提到的一个文件复制到另一个文件，这样对于后续操作不太友好，可以选择使用git init；

2、Please use a personal access token instead.出现这个提示，帮助我解决的两篇大佬的文章在此！

获取个人token：blog.csdn.net/qq_35624642…

将token加到推送链接：blog.csdn.net/qq_33320324…

3、本地项目初次上传gitlab（基本类似） 1）gitlab创建仓库，此地址已包含项目名 2）本地拉取此地址--成为一个空项目文件 3）此空文件中填充项目框架文件、还有基本依赖等 4）项目文件下git init后直接做add、commit、push等操作

四、命令操作篇

1、Mac电脑命令行中执行命令的时候，之前总是出现大概就是这个提示：“Permission denied”，意味着我没有权限进行读、写、创建文件、删除文件等操作；所以暂时不永久性解决的办法就是所有命令前都加一个 “sudo”就好了；

2、后来又出现一个问题，加“sudo”是可以让我执行各种命令了，但是在写代码保存文件时，每次都要让我已最高管理员权限输入一次电脑密码才能保存，这个着实给我整炸了，太费劲了！解决的办法很简单！就是cd进入到你项目的根目录，比如我当时的目录是test，那么进到test目录后执行开启最高权限命令“sudo chmod -R 777 test”就好了！

3、如果不放心直接启用最高权限命令，可以搜索“chmod”，其实这段命令中的不同数字或者其他不同字母是代表不同含义的，可以对应去开启读、写等操作～

4、前面提到我用到项目A中文件全盘覆盖项目B中文件嘛，命令就是“cp -rf 原地址/* 目标地址”，覆盖仅限于重名文件之间哦～隐藏文件一般都是.xxxx这样的，设置显示出来后，再对应复制一波就好了。