一、使用Maven搭建SpringBoot项目
打开IDEA, 创建项目
选择maven创建项目,JDK1.8,Maven3.5.3
设置项目的名称、项目存放的地址
一个干净的Maven项目就创建好了。
如果项目要使用SpringBoot作为开发,那么必定少不了SpringBoot相关的依赖包
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<groupId>cn.mshanqs</groupId>
<artifactId>SpringProject-demo</artifactId>
<version>1.0</version>
<properties>
<maven.compiler.source>8</maven.compiler.source>
<maven.compiler.target>8</maven.compiler.target>
</properties>
<parent>
<artifactId>spring-boot-starter-parent</artifactId>
<groupId>org.springframework.boot</groupId>
<version>2.5.10</version>
</parent>
<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
<exclusions>
<exclusion>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-tomcat</artifactId>
</exclusion>
</exclusions>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-undertow</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-devtools</artifactId>
</dependency>
</dependencies>
</project>
引入了Springboot相关的依赖包之后,SpringBoot项目就完成了一半了,现在就是写SpringBoot的入口函数了,在src/main/java目录下 创建一个名为SpringProjectApplication.java的文件。按照以下的代码进行一个入口函数的编写
package cn.mshangqs;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
@SpringBootApplication
public class SpringProjectApplication {
public static void main(String[] args) {
SpringApplication.run(SpringProjectApplication.class,args);
}
}
以上步骤,一个SpringBoot的项目搭建基本就算完成了。
二、使用vue-cil搭建Vue3项目
创建VUE项目,需要使用nodejs和npm或者yarn
本人使用的node 版本为 16.15.0
npm版本为 8.5.5
项目存放的地址根据自己来,我把项目的地址放到了我电脑的D:\codeDemo\demo里面
使用vitejs快速创建一个vue项目
按下键盘的上下建进行选择创建的项目
随后选择是使用js还是ts作为开发的一个技术中 这里选择ts作为一个技术栈
项目创建完成,现在进行一个相关依赖的下载
下载相关的依赖
npm install --save