SpringBoot+Vue3第一章 搭建项目

一、使用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:codeDemodemo里面

使用vitejs快速创建一个vue项目

按下键盘的上下建进行选择创建的项目

随后选择是使用js还是ts作为开发的一个技术中 这里选择ts作为一个技术栈

项目创建完成，现在进行一个相关依赖的下载

下载相关的依赖

npm install --save