【VSCode配置】运行springboot项目和vue项目

目录

安装VSCode

官网下载

安装软件

  • git 安装1.1.12版本,1.2.X高版本无法安装node14以下版本
  • nvm 安装(github打不开可配置hosts文件),并按需安装不同node 版本,下载地址
  • 各版本 jdk 安装,下载地址
  • Maven 安装,需修改本地仓库地址和镜像地址,下载地址

安装插件

  • Vuter、Vue VSCode Snippets、Vue 3 Snippets等
  • Extension Pack for Java
  • Spring Boot Extension Pack

VSCode配置

user的全局设置setting.json

VSCode界面右下角点击选择Setting,搜索后进入全局设置

bash 复制代码
{
    "security.workspace.trust.untrustedFiles": "open",
    "terminal.integrated.defaultProfile.windows": "Git Bash",
    "git.autofetch": true,
    # 默认当前jdk
    "java.jdt.ls.java.home": "D:\\Program Files\\Java\\jdk1.8.0_111",
    # 可切换的jdk
     "java.configuration.runtimes": [
      {
        "name": "JavaSE-1.8",
        "path": "D:\\Program Files\\Java\\jdk1.8.0_111",
        "default": true
      },
      {
        "name": "JavaSE-17",
        "path": "D:\\Program Files\\Java\\jdk-17",
      },
      {
        "name": "JavaSE-19",
        "path": "D:\\Program Files\\Java\\jdk-19",
      },
      {
        "name": "JavaSE-21",
        "path": "D:\\Program Files\\Java\\jdk-21",
      }
    ],
    # 本地Maven配置
    "java.configuration.maven.userSettings": "D:\\Program Files\\apache-maven-3.9.9\\conf\\settings.xml",
    "java.configuration.maven.globalSettings": "D:\\Program Files\\apache-maven-3.9.9\\conf\\settings.xml",
    "maven.executable.path": "D:\\Program Files\\apache-maven-3.9.9\\bin\\mvn",
    "maven.excludedFolders": [
      "**/.*",
      "**/node_modules",
      "**/target",
      "**/bin",
      "**/archetype-resources"
    ]
}

Ctrl+shift+P快捷键,输入java:configure java runtime,可进入project Setting页面切换版本

workshop的项目自定义设置setting.json

项目的.vscode下

bash 复制代码
{
    "java.compile.nullAnalysis.mode": "automatic",
    # 关闭自动检测
    "java.configuration.detectJdksAtStart": false,
    # 拥有多个子项目的java项目时,手动指定
    "java.project.sourcePaths": [
        "core/core-backend/src/main/java"
    ],
    # 自定义当前项目的jdk
    "java.jdt.ls.java.home": "D:\\Program Files\\Java\\jdk-21",
    # 指定Maven对应的jdk,否则会用系统默认的JAVA_HOME
    "maven.terminal.customEnv": [
        {
            "environmentVariable": "JAVA_HOME",
            "value": "D:\\Program Files\\Java\\jdk-21"
        }
    ],
}

workshop的项目启动配置launch.json

点击图中创建launch.json,然后选择java,则在项目的.vscode下自动生成

以下为自动生成,也可手动修改

bash 复制代码
{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "java",
            "name": "Current File",
            "request": "launch",
            "mainClass": "${file}"
        },
        {
            "type": "java",
            "name": "CoreApplication",
            "request": "launch",
            "mainClass": "io.dataease.CoreApplication",
            "projectName": "mydataease_9db4d6d"
        },
        {
            "type": "java",
            "name": "MybatisPlusGenerator",
            "request": "launch",
            "mainClass": "io.dataease.MybatisPlusGenerator",
            "projectName": "mydataease_9db4d6d"
        }
    ]
}

然后,即可在Run and Debug调试运行

相关推荐
濑户川21 小时前
Vue3 计算属性与监听器:computed、watch、watchEffect 用法解析
前端·javascript·vue.js
前端九哥1 天前
我删光了项目里的 try-catch,老板:6
前端·vue.js
顽疲1 天前
SpringBoot + Vue 集成阿里云OSS直传最佳实践
vue.js·spring boot·阿里云
摇滚侠1 天前
Spring Boot3零基础教程,Kafka 小结,笔记79
spring boot·笔记·kafka
摇滚侠1 天前
Spring Boot3零基础教程,自定义 starter,把项目封装成依赖给别人使用,笔记65
数据库·spring boot·笔记
刘一说1 天前
Spring Boot 主程序入口与启动流程深度解析:从 `@SpringBootApplication` 到应用就绪
java·spring boot·后端
一 乐1 天前
车辆管理|校园车辆信息|基于SprinBoot+vue的校园车辆管理系统(源码+数据库+文档)
java·前端·数据库·vue.js·论文·毕设·车辆管理
百锦再1 天前
Python、Java与Go:AI大模型时代的语言抉择
java·前端·vue.js·人工智能·python·go·1024程序员节
菩提树下的凡夫1 天前
前端vue的开发流程
前端·javascript·vue.js
Zz燕1 天前
G6实战_手把手实现简单流程图
javascript·vue.js