前言
在上节教程中，幽络源搭建了项目后端的父工程，考虑到后面要做网管、注册中心这些，要想体会到这些功能，得有实际的模块，因此决定首先做好项目的多租户功能，将此作为一个模块来在后面的文章中体会注册中心和网关的功能。
知晓前端项目环境
本项目前端主要使用vue2，必须得一个环境是 node.js
下载链接=> https://nodejs.cn/download/
如图直接使用长期支持版本即可，下载.msi安装包后，打开直接下一步默认路径即可完成安装，不需要配置什么乱七八糟的环境变量。
创建前端项目
幽络源这里准备将前端项目与后端放在同一个根目录下，如图，front就是创建的前端项目，当然你们这里还没有这个front目录
在终端来到这个 MarmotInspectionProject 目录，首先检查node是否安装好了，执行如下命令
node -v若有版本信息，则表示有node环境了
第一次安装node若想使用vue，还需安装vue2，执行如下命令即可自动安装
npm install -g @vue/cli如图
安装好vue2后，再执行
vue ui来到可视化的项目创建界面，按照如下图一步一步做就行了，因为我已经创建了front，下面用front2来演示
如下图，在MarmotInspectionProject下进行创建项目
项目名称填写front，我这里因为已有front了，这里演示填写了front2，包管理器选择npm即可，其他选项都取消
这里我们选择手动配置
如图，只勾选这三个选项，然后点击下一步
此处我们选择 2.x 表示创建vue2的项目，检查器选第一个即可，其他选框都取消
最后点击直接创建项目，不需要保存预设，即可开始自动创建前端项目了
了解创建的项目
当前端项目创建完成后，结构如下，我这里使用idea来打开的
关于前端项目中，每个目录和文件表示的含义是什么，可以参考菜鸟教程的这篇文章来了解=>
然后在front根目录下控制台执行 npm run serve 来启动看看，如图
访问启动后的路径，如图
源码
2、3节教程的
https://pan.quark.cn/s/52f8925e08a7
结语
前端项目至此算是搭建完成，下一章幽络源会按照开头所说将前端项目先做好做租户的管理页面，本电网巡检项目的多租户粗略的可概括为包括 用户、角色、权限、公司 的模块。如上为幽络源2、幽络源微服务项目实战：Vue2前端创建电网巡检系统教程 | 前端项目搭建步骤教程，如有疑问或对微服务感兴趣可加入我们的QQ群询问与交流：307531422
