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

目录

• • 安装VSCode
  • 安装软件
  • 安装插件
  • VSCode配置
  • • user的全局设置setting.json
    • workshop的项目自定义设置setting.json
    • workshop的项目启动配置launch.json

      安装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，搜索后进入全局设置

          

          {
              "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下

          {
              "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下自动生成

          

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

          {
              // 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调试运行