山东大学软件学院2022项目实训——（一）vue环境的搭建

环境的配置：
首先需要需要下载npm包管理器，在官网即可下载：
http://nodejs.cn/download/
各种帖子中有相关的下载安装教程，不再赘述。下载安装后使用cmd控制台，输入npm -v和node -v命令查看版本，检验安装是否成功。
官网上有相关vue的安装教程，使用npm，使用npm install -g @vue/cli命令，即可安装vue。
官网网址：
https://cn.vuejs.org/index.html

在合适位置创建一个文件夹，在文件夹内打开cmd。
使用命令vue create +自己想设置的名字，进入到文件的配置选项中。

在manually select中自己选择进行自主配置。
选好后稍等片刻进行项目的创建。
创建好项目之后，系统会提示使用两行命令启动springboot项目

可以按照提示输入命令，进行项目的启动。初始化的页面为vue自动设置好的一个hellovue的简单项目。

使用IDEA打开已经创建好的文件夹，可以看到项目的文件结构，在不同的包下面编写vue语句，就可以编写自己系统了。

再编写网页界面时，可以使用一个组件库——element plus。
https://element-plus.gitee.io/zh-CN/
官网中对库的安装和其所有的组件的使用有比较详细的介绍以及范例，在实际页面的编写中可以直接拿来使用，比较的方便。

这样，前端确定使用vue框架和各种组件库，后端准备使用springboot+mybatis的组合，下一篇将介绍springboot项目的创建。