`
yuting_lv
  • 浏览: 111358 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

webstorm文件对比

阅读更多

写或看代码时,会需要对比两个文件,或两个文件对照着看,使用文件对比功能。

https://blog.csdn.net/ISaiSai/article/details/50495467 写道
比较两个文件
选中两个文件--》点击View视图菜单--》compare files( 或者选中两个文件后,command + d 快捷键)
比较文件和剪贴板内的内容
将文件复制到剪贴板中--》项目文件树中选择要比较的文件--》点击右键--》compare with clipboard
比较左侧项目试图中的一个文件和当前编辑器激活状态文件的差异
右键左侧项目试图中的文件-->compare with editor ,则可以比较改文件和右侧正在编辑的文件的差异
参考文档:https://www.jetbrains.com/phpstorm/help/comparing-files.html

 参考webstorm帮助文件,可以在页面topbar右侧选择不同操作系统的快捷键显示。

使用project面板:

Compare two files

如果两个文件距离不远,可以一起选中,(mac)双击出现右键菜单 - Compare Files(或者⌘ + D)

Compare active editor with a project file

编辑器打开其中一个文件,在项目面板上另一个对比文件右键菜单 - Compare File with Editor 

---------------------

垂直分割左右文件视图,对比左右文件

设置⌘,keymap快捷键,与左右视图有关的常用命令(自定义):

split and move right  ⌥ R  拆分窗格,并将当前编辑器中的文件移动到右边

move to opposite group ⌥ M  将当前编辑器聚焦的文件移动到窗格的另一边

unsplit ⌥ S 取消拆分

左右分窗格显示两个文件后,取一个文件,全选内容,复制⌘C

另一个文件获得编辑焦点,右键菜单 - Compare with Clipboard 打开对比视图窗口

------------

对比任意文本内容

双击shift - 点击 Actions标签页

输入Diff, 在提示下拉列表中,选择 Open Blank Diff Window,打开空白对比视图

将要比较的文本内容分别拷贝到左右两边

 

 webstorm版本 2019.3

分享到:
评论

相关推荐

    WebStorm主题,类似VsCode经典主题

    用户可以将他们的自定义主题、字体和颜色设置导出为一个文件,然后在其他WebStorm实例中导入,确保无论在哪里工作都能保持一致的开发环境。这对于团队合作或者多设备使用的开发者来说,是非常方便的。 总的来说,这...

    WebStorm主题

    - **突出显示选定的文本**:WebStorm还提供了一项功能,可以使选定的文本更加突出,便于对比和查找。在`Editor` > `General` > `Appearance`下,勾选`Highlight selected line in editor`选项。 3. **导入与导出...

    webstrom最漂亮几款主题

    Seti UI主题以其独特的图标和颜色区分不同类型的文件和代码块,使得项目结构一目了然。在WebStorm中,这个主题能帮助开发者更快地定位和理解代码。 7. **Abyss Theme** Abyss Theme是一个深色背景的主题,具有高...

    idea和 webstorm主题,一个浅色,一个深色。

    在Idea和WebStorm中更换主题非常简单,只需下载相应的主题文件(如"Perfect VSCode.jar"和"Solarized Light (Alternate).jar"),然后通过"File" -> "Settings" -> "Plugins" -> "Install plugin from disk..."导入...

    VSCode的配置文件,集成了GIT历史插件,ESLint、Vue、One Dark主题等设置,比较取向Webstorm的设置

    VSCode的配置文件,集成了GIT历史插件,ESLint、Vue、One Dark主题等设置,比较取向Webstorm的设置。

    silksvn silk subversion android studio webstorm

    在WebStorm中,用户可以通过菜单栏的VCS选项进行SVN操作,如进行代码版本控制、代码对比、解决冲突等,极大地提升了工作效率。 "李伟"这个标签可能指的是某个开发者的名字,他在团队中可能负责使用这些工具进行版本...

    webstrom皮肤

    一旦导入成功,WebStorm的界面将根据文件中的配置更新,包括编辑器背景、语法颜色、高亮、提示框样式等。 值得注意的是,尽管皮肤可以极大地改善个人编码体验,但更重要的是理解并熟练掌握WebStorm的各项功能,如...

    文件对比工具

    例如,WebStorm等集成开发环境内置了文件对比功能,可以方便地比较网页项目中的文件。此外,专门的网页比较工具有如W3C Diff,它可以显示HTML页面的结构差异。 BCB,即Borland C++ Builder,是面向Windows平台的C++...

    webstorm中配置Eslint的两种方式及差异比较详解

    **方式一**:WebStorm内置的ESLint可以直接检测Vue文件中的ESLint错误,并用红色波浪线标出。用户可以方便地修复这些问题。 **方式二**:在默认情况下,安装插件的ESLint不支持检测Vue文件的ESLint错误。需要额外...

    webstorm建立vue-cli脚手架的傻瓜式教程

    webstorm 文件 -> new -> project 1、尽量不要勾选 Use the default project setup (babel, eslint) 默认建立的项目好多的配置不全,后期再装很麻烦。 2、点击 create 后出现以下选项,按键盘上下键选择默认...

    代码行数统计工具

    例如,通过比较不同阶段的代码行数,可以粗略估计项目的进展。同时,它也可以帮助识别代码中可能存在的冗余或过度复杂性,从而引导优化和重构。 在实际应用中,代码行数统计工具通常会区分空行、注释行和实际包含...

    给Jetbrains IntelliJ IDEA,PhpStorm,WebStorm,Pycharm,CLion安装SVN插件

    JetBrains公司的IntelliJ IDEA、PhpStorm、WebStorm、PyCharm以及CLion等集成开发环境(IDEs)都支持各种版本控制系统,包括SVN。本教程将指导你如何为这些IDE安装SVN插件,以便更好地管理和同步代码。 首先,我们...

    webstorm2017的sublime3 monokai配色

    自己一个个调的,有同于网上那些下载下来的旧版本乱七八糟的。自己对比过,色彩一致,从此代码码的飞起!~在settings-editor-color scheme里import这个文件就行了。

    购物商城主页

    【描述】:“用WebStorm自制的一个关于手办的在线购物商城的主页面,比较简单”说明了这个项目采用Web前端开发工具WebStorm来创建。WebStorm是JetBrains公司出品的一款强大的集成开发环境(IDE),专为JavaScript、...

    jQuery+ajax按条件读取json文件内容

    在这个函数内部,我们将时间(`time`)和题号(`num`)转换为字符串,然后与JSON对象中的`TestTime`和`Number`属性进行比较。如果两者匹配,说明找到了正确的题目,然后将对应的选项(AnswerA至AnswerD)添加到页面...

    node-server.zip

    【描述】提到"因为WebStorm创建比较慢所以一次创建好了保持一份",这可能意味着创建一个完整的Node.js服务器项目结构在WebStorm中需要一定的时间,因此作者将已经配置好的项目保存下来,以便后续快速启动新项目。...

    node-v0.12.5-x64.msi

    5、Name你可以随便填,这里比较重要的是parameters,他指定lessc编译器的地址以及输出文件的地址,格式是:"lessc的地址" $FilePath "编译的地址(变量表示)",如果像我这里写的话(C:\Users\Touch-X\node_modules\...

    SourceTree项目代码管理工具

    此外,还支持通过差异比较查看文件的更改。 5. **标签与里程碑** 在SourceTree中,你可以创建和管理Git标签,这些标签可以用于标记项目的重要版本或里程碑。这对于版本追踪和回溯特别有帮助。 6. **Stash管理** ...

    一个简单的登录页面

    标题 "一个简单的登录页面" 暗示我们要讨论的是如何创建...这可以通过CDN(内容分发网络)或者本地文件实现。 ```html <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> ...

Global site tag (gtag.js) - Google Analytics