基本
WebStorm提供了一个专用 差异查看器文件夹 中对文件大小,内容或时间戳两个文件夹比较文件。该差异查看器显示所选的目录中的左,右窗格的内容项目列表。所选文件的内容显示在下面的窗格中,用差异是颜色突出显示。
除了探讨分歧,该工具还提供了接口,用于同步文件夹的内容。
打开差异查看器
请执行下列操作之一:
保持Ctrl 按键,单击项目工具窗口两个目录,并选择 比较目录的选择,或按上下文菜单上 Ctrl+D。
选择在一个目录 工程工具窗口中,选择 与比较选择,或按上下文菜单 Ctrl+D,然后选择在第二个目录 对话框打开。
您也可以打开不同的浏览器,而无需运行WebStorm。这是通过以下命令完成: <path to WebStorm executable file> diff <path_1> <path_2> 其中,path_1和path_2是路径到相关的文件夹。
两个文件夹中的差异查看器比较
配置的布局 项目列表。使用工具栏按钮来缩小或扩大项目集展现。例如,显示或隐藏中存在的目录,等于文件,或不同的文件等的只是一个文件
指定用于比较的参数。在里面通过比较 下拉列表中,选择可能的选项(内容,大小或时间戳)之一。
过滤文件夹的内容。要做到这一点,在类型过滤字符串 过滤文本字段,然后按Enter应用它。使用星号*通配符来表示任何数量的字符是值得欢迎的。
要切换到另一个文件夹对来比较的,更新的完全合格的路径给他们。点击浏览按钮browseButton旁边 路径只读字段,并选择了所需的文件夹 打开对话框 。
探索中的文件之间的检测到的差异 差异窗格。
![](https://www.jetbrains.com/help/img/idea/compareFolders.png)
**同步文件夹内容**
对于每对的物品,在 *字段中指定要应用的操作。直到所需的操作设置点击字段中的图标。
图标 行动
ARROW_RIGHT 在左侧复制的项目的右侧,有可能覆盖相应的目标项目的内容,如果它已经存在。
arrow_left 在右侧复制的项目到左侧,可能覆盖相应的目标项目的内容,如果它已经存在。
等于 的项目被处理相同关于比较的选择的准则。无需任何操作将被默认执行。
不平等 的项目方面比较的选择的准则不同。无需任何操作将被默认执行。探索中的差异 差异窗格并通过点击图标改变预期的作用。
请执行下列操作之一:
当前选定的项目进行同步,请点击 同步选定的 按钮debug_resume在工具栏上。
要同步的所有项目,请点击 同步所有按钮 重新运行工具栏上。
- 译者言
- 初识WebStorm
- 系统要求及安装
- 首次启动导入设置
- 快速入门指南
- 快捷键
- 第一步
- 创建和运行你的第一个项目
- 如何使用
- 一般准则
- 用户界面指导
- 欢迎界面
- 菜单栏和工具栏
- 导航栏
- 状态栏
- webstorm视图模式
- WebStorm编辑器
- 添加收藏夹
- 关闭文件
- 'Lens'模式
- 多行编辑
- 草稿
- 在编辑器中打开和重新打开文件
- 保存和恢复变动
- 查看当前插入符位置
- 在编辑器中缩放
- 管理编辑器选项卡
- 配置编辑器选项卡
- 选项卡切换
- 标签固定及取消
- 拆分编辑器窗口
- 拆分编辑栏选项卡
- 用选项卡组编辑多个文件
- 更改编辑器选项卡的放置
- 编辑器选项卡排序
- 基本编辑步骤
- 添加、删除、移动代码
- 剪切、复制和粘贴
- 添加/取消代码块注释
- 编辑选择的文本
- 撤销和恢复变动
- 使用拖拽功能
- 高级编辑方法
- 代码折叠
- 代码高亮显示
- 侧边栏高亮
- 代码格式化
- 代码缩进
- 切换
- 拼写检查
- 使用宏
- 宏与快捷键的结合
- 编辑宏
- 播放宏
- 记录宏
- TODO
- 典型TODO模式
- 创建待办事项
- 查看待办事项
- 教程:TODO实例
- 教程:在TODO中使用模板
- webstorm工具窗口
- 使用工具窗口
- 制定窗口外观
- 工具窗口快速搜索
- 视图模式
- 管理你的项目收藏夹
- 项目配置和IDE设置
- 进入默认设置
- 进入设置
- 设置代码样式
- 设置颜色和字体
- 设置文件编码类型
- 快捷键设置
- 设置行分隔符
- 设置菜单和工具栏
- 快速设置列表
- 设置文件颜色
- 设置第三方工具
- 复制代码样式
- 创建和注册文件类型
- 导入和导出配置
- 分享你的IDE配置
- 切换方案
- 配置项目结构
- 设置根目录
- 设置根目录下的文件
- 从项目中排除文件
- 创建和管理项目
- 从0开始创建项目
- 从本地代码中创建
- 从框架模板中创建项目
- 用Yeoman创建
- 打开、重新打开、关闭项目
- 打开多个项目
- 清理系统缓存
- 重命名项目
- 文件和代码模板
- 文件模板变量
- #parse指令
- 创建、编辑文件模板
- 项目移动
- 创建目录
- 从模板中创建文件
- 创建空文件
- 动态模板
- 操作简单动态模板
- 动态模板缩写
- 模板变量
- 动态模板组
- 创建和编辑live模板
- 创建和编辑模板变量
- 分析live模板
- 生成代码
- 通过动态模板创建代码构造
- 使用模板创建代码构造包围
- 展开和折叠声明
- 标签包裹:应用模板案例
- 和语言结构
- 使用模板后缀
- 自动完成代码
- 基本代码完成
- 类名称代码完成
- 智能型代码完成
- 完成标点符号
- 完成报表
- 完成路径
- 完成标签名
- 单词扩展
- 使用建议列表
- 创建和优化输入
- 创建输入
- 优化输入
- 通过源代码搜索
- 在文件中查找和替换
- 在项目中查找和替换
- 代码检查
- 访问检查设置
- 分析检查结果
- 设置检查
- 改变当前文件高亮
- 自定义配置
- 改变顺序的范围
- 禁用和启用检查
- 禁止检查
- 运行检查
- 通过名字运行检查
- 脱机检查
- 自动恢复
- 分析问题
- 检查输出结果
- 应用分析
- 建立层级
- 查看层级
- 查看源文件结构
- 意向行动
- 查看web页内容
- 浏览器配置
- web内容预览
- 查看html源代码
- 查看参考信息
- 查看定义
- 查看注释文档
- 查看外部文档
- 查看方法参数信息
- 浏览源代码
- 运行与调试配置
- 运行
- 调试
- 测试
- 代码覆盖率
- web服务器:复制文件
- 重构源代码
- 使用本地历史
- webstorm与版本控制
- 插件管理
- 插件
- 启用和禁用插件
- 安装、更新、卸载插件
- 从磁盘安装插件
- 企业插件库
- 添加插件到企业资源库
- 使用命令行工具
- 文件及文件夹比较
- 文件比较
- 文件夹比较
- 在Finder、浏览器与WebStorm之间复制粘贴
- 语言和框架-具体指南
- javascript
- 使用angularjs
- emmet
- CoffeeScript支持
- Dart 支持
- 标记语言和样式表
- Node.js
- TextMate
- TypeScript 支持
- 使用NPM安装和移除扩展包
- 使用Bower 包管理器
- 在JavaScript和TypeScript中使用ReactJS
- 教程
- 配置通用任务管理器
- 在文件中用正则表达式查找和替换文本
- 参考
- 要点
- 项目
- 根目录
- 范围
- 库
- 路径变量
- 语言支持
- 运行与调试
- 运行/调试配置
- 断点
- 断点类型
- 断点图标及状态
- 编码
- WebStorm中的版本控制
- 支持的版本控制系统
- 对话框
- 设置/首选项对话框
- 外观和行为
- 编辑器
- 一般选项
- 外观
- 自动导入
- 代码折叠
- 代码完成
- 颜色和字体
- 语言和框架
- javascript
- json模式
- 增加json模式对话框
- Node和npm
- 键盘快捷键及鼠标
- 高级编辑
- 获得帮助
- 使用帮助主题
- 使用每日提示
- 使用在线资源
- 使用效率指南
- 分析你的反馈和问题报告
- 键盘映射参考
- 反馈页