1、项目构建
1.1、下载vue脚手架
使用 npm 命令安装vue的脚手架，用于初始化项目 命令如下：npm install -g @vue/cli
1.2、初始化vue项目
1.2.1、 打开vue的可视化构建工具
通过 vue ui 命令打开可视化工具
注意：启动此项目时会用到本地的 java_home 环境变量，没错！就是java_home，但是如果你本机也配置了hadoop_home的话，对，就是hdoop_home的环境变量，他会去hadoop_home找java的环境变量信息，报错java_home 不正确，规避措施：hadoop_home环境变量 暂时改个名字。
1.2.2、构建项目
点击创建
填入创建路径，点击"+在此创建新项目"按钮
填入项目名称，GIT的初始化信息（如果你用到了），点击下一步
选择手动，点击下一步
按需加装组件，选择Bable，Router，Linter/Formatter，使用配置文件等选项，点击下一步
选择语法检查的标准，选择检查的时机，当你保存的时候，点击创建项目
是否将这套设计保存为预设：填写预设名，点击保存预设并创建项目
填入端口，选择插件
学选择添加插件
添加elementui的插件点击安装
添加axios插件
选择依赖，点击安装依赖
选择开发依赖，加载less-loader(css一种语法)点击安装
less-loader依赖less安装less依赖
我们的前期所需要的插件，依赖已经添加完成
切换到任务，serve,点击运行
点击启动app
我们的项目构建已经完成，下面就是开始撸代码。
