建议项目配置
java17 SpringBoot3.0+
java8 SpringBoot2.0+

0.项目配置

由于本人先后遭遇
没有templates文件夹
java: 无法访问org.springframework.boot.SpringApplication
IDEA中 java: 警告: 源发行版 11 需要目标发行版 11解决
无法解析符号 ‘springframework’无法解析符号 ‘SpringBootApplication’无法解析符号 ‘SpringApplication’
在一栏子csdn帖子间转来转去哪哪都有问题，最后选择

卸载干净idea，重新安装建立项目

所以本人目前的项目配置
java17 SpringBoot3.2.10 服务器url:https://start.spring.io/

至此，第一个大雷创建项目终于趟过去了

配置git环境

接下来我们需要跟随讲义将创建的项目推送至远程的acgit仓库

评论区反馈
ac git好像只能放10个项目（不知道现在是不是这样）如果有需要最好还是存在github

期间可能遭遇

1.手快已经设置了全局config

解决方法

git config --global --unset user.name
git config --global --unset user.email
git config --list     # 查看全局配置
git config user.name #开始重设
git config user.email
git config --list     # 查看全局配置

2.忘记如何将本地文件推送至远程仓库

git status
git add .
git commit -m "此次操作的解释"
git push

3.推送出错

报错1

ssh: connect to host git.acwing.com port 22: Connection timed out
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.

or

kex_exchange_identification: Connection closed by remote host
Connection closed by 20.205.243.166 port 22
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.

解决方法： 网络切换至手机热点再试一次，关掉or开启魔法试试

报错2

git push -u origin master
error: src refspec master does not match any
error: failed to push some refs to 'git.acwing.com:lxxx/kob.git’

解决方法：
首先确定你的push指令是push到master的，而不是git push -u origin main
确认你的ssh秘钥绑定好了34:05

git add .
git commit -m "init"
git remote add origin xxxxxxxx.git #进你的项目点克隆复制好贴上
$ git push -u origin master

45:32 演示如何在另一台电脑上复制git.acwing上的代码过来

4.创建好项目后开始各种报错

没有templates文件夹
java: 无法访问org.springframework.boot.SpringApplication
IDEA中 java: 警告: 源发行版 11 需要目标发行版 11解决
无法解析符号 ‘springframework’无法解析符号 ‘SpringBootApplication’无法解析符号 ‘SpringApplication’

如果实在不行，卸载干净idea，重新安装建立项目

5.Nodejs与Vue3安装

直接官网安装完事
然后Win+R输入cmd,输入node -v确认安装上了


接下来设置镜像地址,安装vue

npm config set registry https://registry.npmmirror.com #设置镜像地址
npm install -g cnpm
cnpm install -g @vue/cli
vue -V #检查vue版本，确认安装上了注意是大写V
vue ui #如果上面显示版本号了就可以启动了

想卸载vue重新安装

npm uninstall -g @vue/cli
npm config set registry https://registry.npmmirror.com #设置镜像地址
npm install -g cnpm
cnpm install -g @vue/cli
vue -V #检查vue版本，确认安装上了注意是大写V
vue ui #如果上面显示版本号了就可以启动

vue ui启动是英文
等3-10s一会会刷新成中文，还不行确认默认浏览器的首选语言是中文

想将vue项目建立到D盘

来自评论区
需要先把 vue ui 里面的项目清空，然后在想要创建的文件夹里面打开cmd，执行 vue ui 就能在这个文件夹下面创建项目了。

其他问题
启动vue ui的时报错spawn cmd ENOENT

6.删掉hash还有

注意上下有两个hash，删完保存刷新

7.Java17跨域问题

评论区大佬详解
Java17 javax用不了，换成jakarta

package com.kob.backend.config;

import org.springframework.context.annotation.Configuration;
import jakarta.servlet.Filter;
import jakarta.servlet.FilterChain;
import jakarta.servlet.FilterConfig;
import jakarta.servlet.ServletException;
import jakarta.servlet.ServletRequest;
import jakarta.servlet.ServletResponse;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;
import java.io.IOException;

@Configuration
public class CorsConfig implements Filter {
    @Override
    public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
        HttpServletResponse response = (HttpServletResponse) res;
        HttpServletRequest request = (HttpServletRequest) req;

        String origin = request.getHeader("Origin");
        if (origin!= null) {
            response.setHeader("Access-Control-Allow-Origin", origin);
        }

        String headers = request.getHeader("Access-Control-Request-Headers");
        if (headers!= null) {
            response.setHeader("Access-Control-Allow-Headers", headers);
            response.setHeader("Access-Control-Expose-Headers", headers);
        }

        response.setHeader("Access-Control-Allow-Methods", "*");
        response.setHeader("Access-Control-Max-Age", "3600");
        response.setHeader("Access-Control-Allow-Credentials", "true");

        chain.doFilter(request, response);
    }

    @Override
    public void init(FilterConfig filterConfig) {

    }

    @Override
    public void destroy() {
    }
}