vuedemo1

Posted 2020-11-07 xiaofandegeng

Mockplus把我们的想法画出来

　　Mockplus是产品经理装逼使用的利器，但是真的很好用，作为一个已经工作的程序员必须舔产品经理的脸，所以你也要对Mockplus的使用有所了解，并会简单的使用。其实Mockplus就是一个线框图制作工具，能把我们的想法或者不太好用语言表达的地方，快速画出线框草图增加理解能力。

　MockPlus软件下载：

　　Mockplus是一款免费的软件，你可以随便下载：https://www.mockplus.cn/ 。下载好后你需要注册一个账户，就可以正常使用了。

　　软件的基本需求分析和画的过程，请看视频，这里就不用文字描述了，去看视频吧。

　项目框线图；

　　

　　下面是我们用Mockplus制作的应用框线图，虽然简单，但是已经把我脑海中快餐店Pos系统的大体样式画出来了。在作项目之前，一定要画出框线图，反复讨论需求和技术实现，这样能避免开发中

我们采用Vue-cli进行快速搭建，如果你对Vue-cli还不了解，请观看下面的文章，大概30分钟可完全掌握Vue-cli。

1. 技术胖的Vue-cli 视频教程（共3集）

　搭建项目架构：

　　项目采用Webpack+Vue-router的架构方式，开始安装（全部在windows系统上操作，我也没有mac电脑）。

1. 按Win+R，然后在文本框中输入cmd，回车打开命令行，输入vue-cli安装命令：

的大范围修改，在实际工作当中非常重要。