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

双向代码同步

angel chen

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

代码同步 VSCode

这个 VSCode 扩展允许您将 VSCode 编辑器与网页代码编辑器实时同步。

功能

  • 实时双向代码同步
  • 自动将网页编辑器的代码更新同步到 VSCode
  • 自动将 VSCode 的代码更新同步到网页编辑器

安装

gkdl

从 VSIX 文件安装

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

    npm install
    npx vsce package
    
  2. 在 VSCode 中,按下 Ctrl+Shift+X(Windows/Linux)或 Cmd+Shift+X(macOS)打开扩展视图

  3. 点击 ... 按钮,选择 从VSIX安装...

  4. 导航到生成的 .vsix 文件并安装

使用方法

  1. 确保代码同步服务器正在运行(默认地址:http://localhost:5432)
  2. 在 VSCode 中,按下 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(macOS)打开命令面板
  3. 输入并选择 启动代码同步 命令
  4. VSCode 将创建一个新文档或使用当前活动文档进行同步
  5. 现在您可以在 VSCode 或网页编辑器中编辑代码,更改将实时同步

注意事项

  • 确保服务器正在运行,才能实现代码同步
  • 如果连接断开,您需要重新运行 启动代码同步 命令
  • 目前仅支持单文件同步

开发

如果您想修改或扩展此扩展的功能:

  1. 克隆仓库
  2. 在扩展目录中运行 npm install
  3. 使用 VSCode 的调试功能(F5)启动扩展开发主机

问题反馈

如果您遇到任何问题或有改进建议,请提交 issue。

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