news 2026/8/15 5:27:20

VSCode搭建若依(RuoYi)全栈项目：从环境配置到部署实战指南

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
VSCode搭建若依(RuoYi)全栈项目：从环境配置到部署实战指南

1. 项目概述：为什么选择VSCode来搭建若依？

如果你是一名Java后端开发者，或者正在向全栈方向努力，那么“若依”这个名字你一定不陌生。它是一套基于Spring Boot、Spring Security、JWT、MyBatis-Plus等主流技术栈的开源权限管理系统，因其功能完备、代码规范、文档清晰，成为了许多个人学习者和中小型项目快速搭建后台管理系统的首选脚手架。

然而，很多朋友在初次接触若依时，往往会卡在第一步——环境搭建。官方文档通常默认使用IntelliJ IDEA，但现实中，VSCode凭借其轻量、免费、插件生态丰富的特点，吸引了大量开发者。用VSCode来搭建和开发若依项目，是否可行？效率如何？会不会遇到什么坑？这正是我这次想和你详细聊聊的。

我最近就用VSCode完整地走了一遍若依前后端分离版（RuoYi-Vue）的搭建、配置和初步开发流程。整个过程下来，我的结论是：完全可行，而且体验相当流畅。VSCode的Java支持已经今非昔比，配合正确的插件和配置，其开发体验足以应对像若依这样的企业级Spring Boot项目。这篇内容，我就把自己从零开始，在VSCode上搭建若依的每一步操作、每一个关键配置、以及踩过的坑和解决方案，毫无保留地分享给你。无论你是刚入门Java的新手，还是想尝试新工具的老手，这篇“保姆级”指南都能让你少走弯路，快速上手。

2. 环境准备与工具选型：打造你的VSCode“若依开发套件”

工欲善其事，必先利其器。用VSCode开发Java项目，核心在于插件的选择和基础环境的配置。这和用IDEA那种“开箱即用”的体验不同，需要我们手动组装一套顺手的工具链，但一旦配好，其灵活性和轻快感会带来不一样的体验。

2.1 核心环境清单

在开始之前，请确保你的电脑上已经安装了以下基础软件，版本尽量与我保持一致，可以避免很多兼容性问题：

  1. JDK 8 或 11：若依官方推荐JDK 1.8。我使用的是OpenJDK 11（Amazon Corretto 11），实测完全兼容。安装后务必配置好JAVA_HOME环境变量，并在终端输入java -version和javac -version验证。
  2. Maven 3.6+：用于项目依赖管理和构建。下载后同样需要配置MAVEN_HOME或直接将bin目录加入PATH。终端输入mvn -v验证。
  3. Node.js 14+ & npm：用于运行若依的前端Vue项目。建议安装Node.js 16 LTS版本，稳定性更好。安装包会自带npm。
  4. Git：用于克隆若依的代码仓库，也是VSCode进行版本控制的基础。
  5. VSCode：主角登场。建议使用最新稳定版。

注意：环境变量配置是新手最容易出错的地方。请确保在终端（CMD或PowerShell）中执行上述验证命令时，能正确显示版本信息，而不是“不是内部或外部命令”。如果出错，请回头检查安装路径和环境变量设置。

2.2 VSCode必装插件推荐

VSCode的强大，一半在于其插件市场。对于Java+若依开发，我精心筛选了以下插件组合，安装后你的VSCode将瞬间获得强大的Java开发能力：

  • Extension Pack for Java (Microsoft)：这是核心中的核心。这个扩展包集合了开发Java所需的大部分功能，包括语言支持、调试器、测试运行器、项目管理器（Maven/Gradle）等。安装它，就相当于给VSCode装上了Java引擎。
  • Spring Boot Extension Pack (Microsoft)：专门为Spring Boot开发量身定制的扩展包。它包含了Spring Initializr支持、Spring Boot工具、属性文件提示等。对于若依这种Spring Boot项目，它能提供诸如@Autowired自动注入提示、application.yml属性高亮和补全等极大提升效率的功能。
  • Lombok Annotations Support：若依项目大量使用了Lombok注解来简化POJO类的编写（如@Data,@Getter/@Setter）。安装此插件后，VSCode才能正确识别这些注解，避免代码中到处飘红警告。
  • MyBatisX：若依使用MyBatis-Plus作为ORM框架。MyBatisX插件提供了Mapper接口与XML文件之间的快速跳转、代码生成等强大功能，是MyBatis开发者的神器。
  • GitLens：超级强大的Git增强工具。可以清晰看到每一行代码是谁、在什么时候、为什么提交的，方便团队协作和代码追溯。
  • Vue Language Features (Volar)：如果你也需要开发或调试若依的前端Vue部分，那么Volar是现在Vue开发的首选插件，提供了比Vetur更优秀的类型支持和体验。
  • Database Client（如MySQL或SQLite）：方便你在VSCode内直接连接和操作数据库，查看若依的初始数据。

我的实操心得是，不必一次性安装所有插件，可以先安装前三个核心扩展包，在后续开发中按需添加。插件装太多可能会影响启动速度。

2.3 项目源码获取与初始化

环境备齐，插件装好，接下来就是把若依的代码“请”到本地。

  1. 克隆代码：打开VSCode，按Ctrl+Shift+P打开命令面板，输入Git: Clone，然后粘贴若依的Gitee仓库地址：https://gitee.com/y_project/RuoYi-Vue.git。选择一个合适的本地目录存放。
  2. 打开项目：克隆完成后，VSCode会提示你打开克隆的仓库。选择打开，你的资源管理器里就会出现完整的项目结构。
  3. 信任项目：因为是首次打开，VSCode可能会询问你是否信任该文件夹的作者。选择“是”或“信任父文件夹”即可。
  4. 等待项目加载：这是关键一步。打开项目后，右下角会提示“正在加载Java项目”。这是因为Extension Pack for Java正在后台识别这是一个Maven项目，并开始下载所有的依赖包（即Maven仓库里的jar包）。这个过程耗时取决于你的网速，可能会持续几分钟到十几分钟。请耐心等待，直到右下角的加载提示消失，且底部的状态栏不再有持续的网络活动。

踩坑记录：第一次加载时，我遇到了依赖下载极慢甚至超时的问题。解决方案是配置Maven使用国内镜像。找到你的Maven安装目录下的conf/settings.xml文件，在<mirrors>标签内添加阿里云镜像。配置完成后，在VSCode里重启Java语言服务器（命令面板输入Java: Clean Java Language Server Workspace），加载速度会快上数倍。

3. 后端项目配置与启动详解

当项目加载完毕，不再报错后，我们就可以开始配置和启动后端Spring Boot服务了。若依的后端模块通常在ruoyi-admin目录下。

3.1 数据库配置与初始化

若依的运行离不开数据库。它默认使用MySQL。

  1. 创建数据库：在你的MySQL中（可以使用本地安装的MySQL，也可以使用Docker等），创建一个新的数据库，例如命名为ry-vue，字符集选择utf8mb4，排序规则选择utf8mb4_general_ci。
  2. 导入初始SQL：在项目根目录的sql文件夹下，你会找到若依提供的数据库脚本文件（如ry_2021xxxx.sql和quartz.sql）。在你的数据库客户端（或VSCode里的数据库插件）中，连接到ry-vue数据库，然后依次执行这两个SQL文件。这将创建所有的表结构和初始数据（包括默认管理员账号admin，密码admin123）。
  3. 修改配置文件：找到ruoyi-admin模块下的src/main/resources目录里的application-druid.yml文件。这个文件配置了数据库连接池。你需要修改以下关键信息：
    # 数据源配置 spring: datasource: druid: # 主库数据源 master: url: jdbc:mysql://localhost:3306/ry-vue?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8 username: root # 你的数据库用户名 password: 123456 # 你的数据库密码
    请将url中的localhost:3306和数据库名ry-vue，以及username、password替换成你实际的环境信息。特别注意：如果MySQL是8.0版本，驱动类可能会自动识别，但为了保险，可以确认driver-class-name: com.mysql.cj.jdbc.Driver。

3.2 使用VSCode运行Spring Boot应用

配置好数据库后，启动Spring Boot应用在VSCode中非常简单。

  1. 定位启动类：在ruoyi-admin/src/main/java/com/ruoyi目录下，找到RuoYiApplication.java文件并打开。你会看到这是一个标准的Spring Boot启动类，上面有@SpringBootApplication注解。
  2. 运行与调试：在打开该文件的情况下，你会注意到main方法的上方出现了两个绿色的箭头（▶）。一个写着“Run”，一个写着“Debug”。这是Java扩展包提供的功能。
    • 点击Run，VSCode会编译并启动应用。
    • 点击Debug，则会以调试模式启动，你可以在代码中打上断点，进行单步调试，这对于排查业务逻辑问题至关重要。
  3. 观察控制台：点击运行后，VSCode的“终端”面板会自动弹出，并开始输出Spring Boot的启动日志。你会看到熟悉的Spring Logo，以及一系列初始化信息：加载数据源、初始化MyBatis、扫描Mapper、启动内置Tomcat等。
  4. 验证启动成功：当你在日志中看到类似Started RuoYiApplication in 8.456 seconds (JVM running for 9.789)以及Tomcat started on port(s): 8080 (http)的信息时，恭喜你，后端服务已经成功启动！

实操心得：在VSCode中运行Spring Boot，其本质是执行了一个mvn spring-boot:run命令。你可以在.vscode文件夹下的launch.json文件中找到对应的启动配置。熟悉后，你可以在这里自定义VM参数、环境变量等，比如调整JVM内存-Xmx1024m，或者指定激活的配置文件-Dspring.profiles.active=dev。

3.3 关键配置与常见启动问题排查

第一次启动很可能不会一帆风顺。下面是我总结的几个常见问题及解决方法：

  1. 端口占用：若依默认使用8080端口。如果该端口已被其他程序（如另一个Tomcat、某个开发工具的服务）占用，启动会失败。日志会明确报错。解决方法：

    • 修改端口：在application.yml中修改server.port为其他端口，如server.port: 8081。
    • 关闭占用程序：在命令行使用netstat -ano | findstr :8080查找占用进程的PID，然后在任务管理器中结束它。

  2. 数据库连接失败：这是最高频的错误。可能的原因和排查步骤：

    • 检查配置文件：再三核对application-druid.yml中的url、username、password。
    • 检查MySQL服务：确保MySQL服务正在运行（可以在服务管理里查看，或命令行mysql -u root -p试试）。
    • 检查网络与权限：确认连接地址（localhost）和端口（3306）正确。检查数据库用户是否有从本地（或指定主机）连接的权限。
    • 查看详细日志：启动失败时，控制台会打印异常堆栈。搜索Communications link failure或Access denied等关键词，能快速定位问题根源。

  3. 依赖下载失败/冲突：如果Maven依赖有问题，项目结构里会有红色波浪线。解决方法：

    • 强制更新依赖：在VSCode中打开终端（Ctrl+），切换到项目根目录，执行mvn clean install -U。-U参数会强制更新快照依赖。
    • 清理本地仓库：有时本地Maven仓库的jar包损坏会导致问题。可以找到本地仓库目录（默认在C:\Users\你的用户名\.m2\repository），手动删除与若依相关的依赖文件夹（如com/ruoyi），然后重新执行mvn clean compile。

  4. Lombok注解未生效：即使安装了Lombok插件，有时实体类上的@Data注解仍然报错“找不到getter/setter”。这是因为VSCode的Java语言服务器可能没有正确处理注解。解决方法：

    • 确保插件已启用。
    • 在VSCode的设置中（Ctrl+,），搜索java.configuration.maven.userSettings，确保指向正确的settings.xml。
    • 终极方案：命令面板运行Java: Clean Java Language Server Workspace，然后重启VSCode。这会强制语言服务器重新分析所有源码。

当后端日志平稳输出，没有报错后，我们就可以在浏览器访问http://localhost:8080（如果你改了端口，就换成对应的端口）。你应该能看到若依的后台登录页面。用初始账号admin/admin123登录，如果能成功进入管理后台主界面，那么后端服务就完全就绪了。

4. 前端项目配置与运行指南

若依-Vue版本的前后端是彻底分离的。后端提供RESTful API，前端是一个独立的Vue项目，负责页面渲染和用户交互。前端项目通常位于根目录下的ruoyi-ui文件夹中。

4.1 前端依赖安装与配置

  1. 终端定位：在VSCode中，使用Ctrl+快捷键打开集成终端。默认终端路径是项目根目录，你需要使用cd ruoyi-ui命令切换到前端项目目录。

  2. 安装依赖：在ruoyi-ui目录下，执行命令：

    npm install # 或使用淘宝镜像加速 # npm install --registry=https://registry.npmmirror.com

    这个命令会根据package.json文件，下载所有前端依赖包（主要是Vue、Vue Router、Element UI、Axios等）到node_modules目录。这个过程也需要一些时间，请耐心等待，直到出现“added xxx packages”的提示。

    注意：国内网络环境使用npm官方源可能很慢甚至失败。强烈建议配置npm淘宝镜像。你可以使用上面命令的注释版本，或者执行npm config set registry https://registry.npmmirror.com进行永久设置。

  3. 检查配置文件：前端需要知道后端API的地址。这个配置在ruoyi-ui/.env.development文件中（开发环境配置）。打开它，你会看到类似内容：

    # 开发环境配置 ENV = 'development' # 本地开发服务器端口 VUE_APP_PORT = 80 # 若依后台API地址 VUE_APP_BASE_API = '/dev-api'

    这里的VUE_APP_BASE_API = '/dev-api'是关键。它意味着前端在开发时，会将所有以/dev-api开头的请求，代理到后端服务地址。代理的配置在vue.config.js文件中。通常默认配置已经写好了，会将/dev-api代理到http://localhost:8080（即我们刚启动的后端）。你需要确保这个代理地址和你的后端服务地址、端口一致。

4.2 启动前端开发服务器

依赖安装完成后，在ruoyi-ui目录下，执行启动命令：

npm run dev

如果一切正常，终端会开始编译，并最终输出类似以下信息：

App running at: - Local: http://localhost:80 - Network: http://192.168.x.x:80 Note that the development build is not optimized. To create a production build, run npm run build.

这表示前端开发服务器已经启动，运行在http://localhost:80。此时，打开浏览器访问http://localhost（80端口可省略），你应该能看到和直接访问后端8080端口一模一样的若依登录页面。

这里有一个非常重要的机制需要理解：你现在访问的localhost:80是Vue的开发服务器（由npm run dev启动），它只负责提供前端页面（HTML、JS、CSS）。当你点击登录时，前端会发送请求到/dev-api/login。根据vue.config.js中的代理规则，这个请求不会被发送到80端口，而是被转发（proxy）到了http://localhost:8080/dev-api/login，也就是我们真正的Spring Boot后端服务。这就是前后端分离开发模式下，解决跨域问题的经典方案——开发服务器代理。

4.3 前后端联调与常见问题

前后端都启动后，你就可以进行完整的操作了。登录、查看菜单、操作表格数据，这些功能都需要前后端协同工作。

常见前端启动问题：

  1. npm install失败：

    • 网络问题：切换npm镜像源到淘宝源，如上述所示。
    • 权限问题：在Windows上，尝试用管理员身份运行VSCode或终端。或者，可以尝试先删除ruoyi-ui下的node_modules文件夹和package-lock.json文件，再重新执行npm install。
    • Node.js版本过高：某些老项目可能对Node.js版本有要求。若依Vue版一般支持Node 14+。可以使用nvm（Node Version Manager）来切换Node.js版本。

  2. npm run dev启动失败，端口被占用：

    • 前端默认使用80端口。如果80端口被占用（常见于IIS、Apache、Skype等），修改.env.development文件中的VUE_APP_PORT，例如改为8088，然后重启npm run dev。访问地址也相应变为http://localhost:8088。

  3. 页面能打开，但登录失败或接口报404：

    • 检查代理配置：这是最可能的原因。确认vue.config.js文件中的proxy配置，确保target指向了正确的后端地址和端口（http://localhost:8080）。
    • 检查后端服务：确认后端Spring Boot应用确实在运行，且日志没有报错。
    • 检查网络请求：在浏览器中按F12打开开发者工具，切换到“网络(Network)”标签页。尝试登录，观察发出的请求。如果请求的URL是http://localhost:80/dev-api/login且状态码是404，说明代理没生效，请求发给了前端服务器自己。如果请求的URL正确但状态码是502或504，可能是代理的目标地址（后端）无法访问。如果状态码是200但登录失败，则可能是账号密码错误，或后端业务逻辑问题（查看后端控制台日志）。

  4. 页面样式错乱或JS报错：

    • 首先尝试Ctrl+F5强制刷新浏览器，清除缓存。
    • 检查终端是否有编译错误或警告。Vue开发服务器会在你保存代码时热更新，如果代码有语法错误，会在终端和浏览器控制台显示。
    • 确保所有依赖都正确安装，没有缺失。可以尝试删除node_modules和package-lock.json后重装。

当你在浏览器中成功登录若依后台管理系统，并且可以正常切换菜单、查看数据时，恭喜你，一个完整的前后端分离的若依项目，已经在你的VSCode中成功搭建并运行起来了！

5. 开发、调试与高效工作流搭建

环境跑通只是第一步，接下来我们要让VSCode成为开发若依的利器。这里分享一些提升开发效率的配置和技巧。

5.1 后端Java开发与调试技巧

  1. 代码导航与阅读：

    • 跳转到定义：在Java文件中，按住Ctrl键点击类名、方法名或变量名，可以快速跳转到其定义处。这是阅读若依这种复杂项目源码的必备技能。
    • 查找引用：右键点击一个方法或类，选择“查找所有引用”，可以快速知道它在哪些地方被调用，理清代码脉络。
    • 大纲视图：按Ctrl+Shift+O可以打开当前文件的大纲，快速跳转到某个方法。

  2. 利用Spring Boot插件：

    • 属性提示：在application.yml或application-druid.yml中打字时，插件会提供Spring Boot配置属性的自动补全和描述，非常方便。
    • 运行特定Profile：若依的配置文件中使用了spring.profiles.active。如果你想在开发时使用不同的配置（比如连接测试数据库），可以在launch.json的配置项中添加"vmArgs": "-Dspring.profiles.active=test"。

  3. 强大的调试功能：

    • 断点调试：在代码行号左侧点击即可设置断点。以Debug模式启动应用后，当程序执行到断点处就会暂停。
    • 调试面板：左侧会显示所有变量当前的值，你可以悬停在代码中的变量上查看，也可以在“调试控制台”中执行表达式求值。
    • 条件断点：右键点击断点，可以设置条件，例如只在某个参数为特定值时暂停，这在排查循环或特定场景的问题时非常高效。
    • 热部署（有限）：对于Spring Boot项目，VSCode的Java扩展支持“热代码替换”，但主要局限于方法体内的修改。修改了类结构（如增删字段、方法）或配置文件后，通常还是需要重启应用。可以安装Spring Boot DevTools依赖来获得更完善的热重启支持。

5.2 前端Vue开发与调试

  1. Volar插件的威力：

    • 模板内表达式提示：在Vue文件的<template>部分，输入{{会自动提示当前组件实例上的数据、计算属性和方法。
    • 组件属性补全：使用自定义组件时，会自动提示该组件接受的props。
    • 类型安全：如果你使用了TypeScript或Vue 3的<script setup>语法，Volar能提供媲美IDE的类型检查和智能提示。

  2. 实时预览与热重载：

    • npm run dev启动的开发服务器支持热模块替换（HMR）。当你修改并保存一个Vue组件、JS或CSS文件时，浏览器中的页面会无刷新更新，几乎实时看到改动效果，极大提升开发效率。

  3. 浏览器开发者工具：

    • Vue Devtools：这是浏览器插件，必须安装。安装后，在开发者工具中会多出一个“Vue”面板。你可以在这里清晰地看到组件树、组件状态（data、props）、事件，甚至可以实时修改数据并看到页面响应，是调试Vue应用的终极利器。
    • 网络请求查看：如前所述，在“网络”面板中查看所有API请求的详情、参数、响应和耗时，是前后端联调的核心手段。

5.3 数据库操作与MyBatisX插件

若依使用MyBatis-Plus，MyBatisX插件能极大提升DAO层开发效率。

  1. 快速跳转：在Mapper接口的方法名上（如selectUserById），插件会生成一个图标，点击可以直接跳转到对应的XML映射文件中的<select>语句，反之亦然。
  2. 代码生成：虽然若依自带代码生成器，但在日常开发中，MyBatisX可以根据数据库表快速生成基本的Entity、Mapper接口和XML文件片段，非常方便。
  3. SQL提示：在XML文件中编写SQL时，插件能提供数据库字段名的提示。

5.4 组织你的工作区

一个典型的若依前后端分离项目，你需要在VSCode中同时管理后端（ruoyi-admin）和前端（ruoyi-ui）两个“项目”。有几种方式：

  1. 多根工作区：在VSCode中，可以将RuoYi-Vue（根目录）直接作为工作区打开。这样前后端代码都在一个窗口里，方便切换。你可以利用VSCode的“资源管理器”顶部“新建文件夹…”按钮，创建两个虚拟文件夹，分别命名为“后端”和“前端”，然后将对应的真实文件夹拖进去，实现逻辑分组。
  2. 分别打开：也可以打开两个VSCode窗口，一个专门负责后端Java开发，一个专门负责前端Vue开发。这样环境更纯净，快捷键冲突少。
  3. 终端分屏：在同一个VSCode窗口内，你可以将终端面板拆分（点击终端面板右上角的拆分图标）。一个终端运行npm run dev监控前端，另一个终端备用执行Maven命令或查看后端日志。

我个人更喜欢第一种方式，在一个工作区内管理所有代码，利用VSCode强大的全局搜索（Ctrl+Shift+F）和跨文件重构功能，效率更高。

6. 从搭建到部署：构建与打包实战

开发调试完成后，最终我们需要将项目打包部署到生产环境。若依前后端分离项目的打包是独立的。

6.1 后端Spring Boot应用打包

后端应用最终需要打包成一个可执行的JAR文件。

  1. 执行打包命令：在VSCode的终端中，确保当前目录是项目根目录（包含pom.xml的目录），然后执行Maven打包命令：

    mvn clean package -DskipTests
    • clean：清理之前编译生成的文件。
    • package：执行打包生命周期。
    • -DskipTests：跳过单元测试，加快打包速度。首次打包建议先执行测试，确保功能正常。

  2. 找到产物：命令执行成功后，在ruoyi-admin/target/目录下，你会找到生成的JAR包，名称通常为ruoyi-admin.jar。

  3. 运行JAR包：你可以将这个JAR包复制到任何有Java环境的服务器上，使用命令运行：

    java -jar ruoyi-admin.jar

    如果需要指定配置文件（如使用application-prod.yml），可以：

    java -jar ruoyi-admin.jar --spring.profiles.active=prod

注意事项：打包前，请务必检查application-prod.yml（生产环境配置文件）中的数据库连接、Redis配置等是否已修改为生产环境的真实地址和密码。切勿将包含本地测试配置的JAR包直接部署到生产环境！

6.2 前端Vue应用打包

前端项目需要打包成静态资源（HTML、JS、CSS），然后由Nginx等Web服务器托管。

  1. 修改生产环境配置：打开ruoyi-ui/.env.production文件，这里配置了生产环境的变量。最关键的是VUE_APP_BASE_API，它需要指向你生产环境的后端API地址，例如：

    # 生产环境配置 ENV = 'production' # 若依后台API地址（生产环境） VUE_APP_BASE_API = '/prod-api'

    注意，这里不再是开发时的代理路径/dev-api，而是一个标识。你需要确保在生产环境的Nginx配置中，将/prod-api的请求代理到真正的后端服务地址。

  2. 执行构建命令：在ruoyi-ui目录下，执行：

    npm run build:prod

    若依的package.json中通常配置了此命令，它会使用生产环境配置进行构建。构建过程会进行代码压缩、混淆、Tree Shaking等优化。

  3. 获取产物：构建成功后，会在ruoyi-ui目录下生成一个dist文件夹。这个文件夹里的所有内容（index.html,static文件夹等）就是最终的前端静态资源。

  4. 部署到Nginx：将dist文件夹内的全部内容，上传到你的Nginx服务器的网站根目录（例如/usr/share/nginx/html）。然后，配置Nginx，使其将API请求转发到后端服务。一个简化的Nginx配置示例如下：

    server { listen 80; server_name your-domain.com; # 你的域名或IP # 前端静态资源 location / { root /usr/share/nginx/html; index index.html index.htm; try_files $uri $uri/ /index.html; # 支持Vue Router的history模式 } # 后端API代理 location /prod-api/ { proxy_pass http://localhost:8080/; # 你的后端服务地址 proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } }

    配置完成后，重启Nginx，访问你的服务器地址，就应该能看到部署好的若依系统了。

6.3 自动化构建思路

对于团队协作或持续集成，你可以将上述打包命令写入脚本（如build.sh或build.bat），或者配置在Jenkins、GitLab CI/CD等工具中，实现提交代码后自动构建、测试和部署。

在VSCode中，你也可以利用“任务(Tasks)”功能，定义一键打包的任务。在.vscode/tasks.json中配置，就可以通过Ctrl+Shift+P输入“运行任务”来执行复杂的构建流程。

走到这一步，你已经不仅能在VSCode中顺畅地开发若依项目，还掌握了将其构建并部署到生产环境的完整流程。从环境搭建、编码调试到打包部署，VSCode提供了一套完整、轻量且高效的解决方案。它可能不像IDEA那样“无所不包”，但通过精心配置和插件扩展，其灵活性和流畅的体验，对于许多开发者来说，是完全足以胜任像若依这样规模的企业级项目开发的。希望这篇详尽的指南，能帮助你顺利开启在VSCode中的若依开发之旅。

版权声明: 本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若内容造成侵权/违法违规/事实不符，请联系邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！
网站建设 2026/8/15 5:25:28

Typora深度指南：从Markdown语法到高效写作工作流

1. 从“能用”到“好用”&#xff1a;为什么你需要重新认识Typora如果你还在用Word或者记事本写东西&#xff0c;尤其是涉及到代码、公式或者需要清晰结构的内容&#xff0c;那感觉就像是在用螺丝刀拧螺母——不是不行&#xff0c;但总有点别扭。我第一次接触Typora&#xff0c…

作者头像 李华
网站建设 2026/8/15 5:24:24

通用宝可梦随机化器终极指南：重塑你的宝可梦冒险体验

通用宝可梦随机化器终极指南&#xff1a;重塑你的宝可梦冒险体验 【免费下载链接】universal-pokemon-randomizer Public repository of source code for the Universal Pokemon Randomizer 项目地址: https://gitcode.com/gh_mirrors/un/universal-pokemon-randomizer …

作者头像 李华
网站建设 2026/8/15 5:23:27

Java instanceof 运算符深度解析：从核心机制到实战避坑指南

1. 从一次线上故障说起&#xff1a;为什么我们绕不开instanceof那天晚上&#xff0c;系统监控突然告警&#xff0c;一个核心服务的接口响应时间飙升&#xff0c;错误率瞬间涨到10%。我们紧急排查日志&#xff0c;发现大量ClassCastException异常堆栈&#xff0c;指向一段处理多…

作者头像 李华
网站建设 2026/8/15 5:23:17

前端AI编程工程化：从原理到实践，打造高效开发工具链

1. 从“玩具”到“工具”&#xff1a;为什么前端AI Coding必须工程化&#xff1f;最近和几个团队的朋友聊天&#xff0c;发现一个挺有意思的现象&#xff1a;几乎每个前端同学都在用AI写代码&#xff0c;但用法天差地别。有人还在跟ChatGPT玩“你问我答”的文字游戏&#xff0c…

作者头像 李华
网站建设 2026/8/15 5:21:48

OpenCV位运算核心指南：从掩码抠图到图像加密的实战技巧

1. 项目概述&#xff1a;为什么图像处理绕不开位运算&#xff1f; 如果你刚开始接触OpenCV&#xff0c;可能会觉得 bitwise_and 、 bitwise_or 这些函数听起来很底层&#xff0c;甚至有点枯燥&#xff0c;远不如人脸识别、目标检测那么酷炫。但干了这么多年图像处理&#x…

作者头像 李华
网站建设 2026/8/15 5:17:16

算法竞赛团队训练实战：从CF小组赛看高效协作与深度复盘

1. 项目概述&#xff1a;一场关于“Holiday 19”的CF小组训练赛如果你是一名Codeforces&#xff08;CF&#xff09;的常客&#xff0c;或者正在和队友备战ICPC、CCPC这类算法竞赛&#xff0c;那么“小组训练赛”这个词对你来说一定不陌生。它不是官方举办的公开赛&#xff0c;而…

作者头像 李华