前后端分离项目的创建方法（注：前端使用了vue技术，后端使用了Spring常用框架）

下面我将创建一个实现系统登录的前后端分离项目：

第一步：使用idea新建一个空项目，命名为Login，然后点击Create。

第二步：找到setting选项，点击Build,Exception,Deployment，找到Build Tools，然后选择Maven，重写里面的settings.xml和repository，然后点击OK。（注：setting.xml一般在conf目录下面）

第三步：在Login下面新建一个Login-front文件夹用来存放前端代码。

该步骤比较复杂，具体如下：

1、创建前端项目：在ivos工作区执行vue create ivos-ui命令进行创建项目。

2、安装前端组件：执行命令npm install element-plus; npm install axios;npm install qs； 

其中axios是与后端建立联系的；qs(Query String)查询字符串框架，它的作用是将JS对象转为查询字符串格式。【例如：写法：qs.stringify(user.value);结果：username=tom&password=123456】

第四步：再建一个新的Moudle，如图进行选择选项，然后点击Next。

第五步：添加Maven依赖（注：需要手动在pom文件中添加Knife4j依赖），然后点击Create。

<dependency>
    <groupId>com.github.xiaoymin</groupId>
    <artifactId>knife4j-openapi2-spring-boot-starter</artifactId>
    <version>4.3.0</version>
</dependency>

注：demos.web包可以删除

最后，通过以上步骤，就可以创建一个简单的前后端分离的登录。