SpringBoot+Vue3第一章 搭建项目

一、使用Maven搭建SpringBoot项目

打开IDEA，  创建项目     

选择maven创建项目，JDK1.8，Maven3.5.3

设置项目的名称、项目存放的地址

一个干净的Maven项目就创建好了。

如果项目要使用SpringBoot作为开发，那么必定少不了SpringBoot相关的依赖包

    4.0.0

    cn.mshanqs
    SpringProject-demo
    1.0

    
        8
        8
    

    
        spring-boot-starter-parent
        org.springframework.boot
        2.5.10
    

    
        
            org.springframework.boot
            spring-boot-starter-web
            
                
                    org.springframework.boot
                    spring-boot-starter-tomcat
                
            
        
        
            org.springframework.boot
            spring-boot-starter-undertow
        
        
            org.springframework.boot
            spring-boot-devtools
        
    

引入了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