Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>双向代码同步New to Visual Studio Code? Get it now.
双向代码同步

双向代码同步

angel chen

|
14 installs
| (0) | Free
激活插件后实时同步网页和本地IDE代码
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

双向代码同步扩展

这是一个 VS Code 扩展,提供网页端和本地 IDE 之间的双向代码同步功能。

功能特性

  • 🔄 实时双向同步: 网页端和 VSCode 之间的代码实时同步
  • 🌐 Web 界面: 提供友好的 Web 界面进行代码编辑
  • 📁 文件管理: 支持文件的创建、编辑、删除和清空仓库
  • 📦 node_modules 保护: 清空仓库时自动保留 node_modules 文件夹及其父级目录
  • 🔧 多窗口协调: 支持多个 VSCode 窗口的服务器协调

node_modules 保护功能

工作原理

在清空仓库操作中,系统会智能检测并保护 node_modules 相关的文件夹:

  1. 直接保护: 跳过所有名为 node_modules 的文件夹
  2. 路径保护: 跳过所有包含 node_modules 的路径
  3. 递归处理: 递归遍历项目目录,确保深层嵌套的 node_modules 也被保护
  4. 智能清理: 只删除非 node_modules 相关的文件和空目录

使用场景

  • 在开发过程中需要清空项目代码但保留依赖包
  • 避免重复安装 npm 依赖,节省时间和网络带宽
  • 保持项目环境的稳定性
  • 支持复杂的项目结构,包括嵌套的 node_modules 目录

保护范围

  • 项目根目录下的 node_modules 文件夹
  • 子目录中的 node_modules 文件夹
  • 包含 node_modules 的完整路径
  • 相关的父级目录结构

安装和使用

  1. 安装扩展包
  2. 打开包含 rl_training_project 文件夹的工作区
  3. 点击状态栏的 激活插件 按钮来启动代码同步功能
  4. 在浏览器中打开显示的地址进行代码编辑

配置选项

  • codeSync.autoStart: 是否自动启动服务器(默认: false,需要手动激活)
  • codeSync.port: 服务器端口(默认: 5432)
  • codeSync.host: 服务器主机地址(默认: localhost)
  • codeSync.saveDir: 代码保存目录(默认: ./saved_code)

命令

  • 启动代码同步服务器: 手动启动同步服务器
  • 停止代码同步服务器: 停止同步服务器

版本历史

v1.0.3

  • 添加 node_modules 保护功能
  • 优化多窗口协调机制
  • 实现智能递归删除,保护依赖包文件夹

安装

从 VSIX 文件安装

  1. 在扩展目录中运行以下命令打包扩展:

    
    
    
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft