配置git环境与项目创建

一、配置git环境

1.1、安装Git Bash

1.2、cd进入家目录生成秘钥：执行命令ssh-keygen

具体是在创建好的文件夹里，右击，点开git Bush here。
一些常用的命令
git init 初始化
git status 查看仓库状态
git add . 将所有文件添加到暂存区
git commit -m “给自己看的备注信息”：将暂存区的内容提交到当前分支
git push 将当前分支推送到仓库
git clone git@git.acwing.com:xxx/XXX.git：将远程仓库XXX下载到当前目录下
git remote add origin git@git.acwing.com:xxx/XXX.git：将本地仓库关联到远程仓库
git config user.name xxx：设置全局用户名，信息记录在~/.gitconfig文件中
git config user.email xxx@xxx.com：设置全局邮箱地址，信息记录在~/.gitconfig文件中
git push origin branch_name：将本地的某个分支推送到远程仓库
git pull：将远程仓库的当前分支与本地仓库的当前分支合并
在本地创建好了一个项目

1.3、将id_rsa.pub的内容复制到Ac Git上

1.4、在Ac Git上注册账号

在git上也创建一个项目，让本地的项目和git上的项目对应
git config --global user.name xxx：设置全局用户名，信息记录在~/.gitconfig文件中
git config --global user.email xxx@xxx.com：设置全局邮箱地址，信息记录在~/.gitconfig文件中
git remote add origin git@git.acwing.com:xxx/XXX.git：将本地仓库关联到远程仓库
git add .
git commit -m “Initial commit”
git push -u origin branch_name：将本地的某个分支推送到远程仓库

二、将代码从git上拿下来

2.1克隆->使用ssh克隆

2.2 git clone 复制链接

三、IDEA创建后端

当时下的枪版的IDEA，配置的jdk也和课程不一样，先试用有问题再说。

3.1创建

进入后运行一下，目前我出现了一个错误，解决Error java 错误 不支持发行版本

在application.properties文件中添加server.port=3000
意思是将端口改为3000
在本地浏览器输入127.0.0.1:8080

3.2前后端不分离

在该网址打开http://127.0.0.1:8080/pk/index/
git add .
git push

四、创建web端

安装Nodejs

（安装vue）

安装@vue/cli

打开powershell，执行npm i -g @vue/cli
如果执行后面的操作有bug，可能是最新版有问题，可以尝试安装早期版本，比如：npm i -g @vue/cli@4
启动vue自带的图形化项目管理界面vue ui
常见问题1：Windows上运行vue，提示无法加载文件，表示用户权限不足。
解决方案：用管理员身份打开终端，输入set-ExecutionPolicy RemoteSigned，然后输入y

1. 在web端

进去之后安装俩个插件

装两个依赖

将这两个位置的Hash删除

VScode写前端
idea写后端
在SpringBoot中解决跨域问题
添加配置类：CorsConfig

package com.kob.backend.config;

import org.springframework.context.annotation.Configuration;

import jakarta.servlet.*;
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() {
    }
}

Reference

AC Git和GitHub同理 ，这里为了记录方便就用ACGit了
AcWing
在 Windows 中安装并配置 Maven