idea左侧显示代码修

首先声明,此功能是基于版本控制的,不管是基于git或者是svn, 都要有版本控制方可使用
平常情况下,IDEA左边栏是没有颜色的,如下图所示
当我们修改了代码,左侧就会有颜色显示, 右侧滚动条处也有颜色变化, 方便我们在代码行数多的时候识别变化, 如下图所示
我们也可以自定义颜色,设置路径如下:
Setting-->搜索VCS-->Color Scheme-->VCS, 可以选择add, modify, delete的行,修改其左侧边栏的颜色

右键已经打开的标签（xxxhtml），选择垂直拆分就可以了。

一、功能

1、JavaScript

· 基于DOM，特定浏览器完成

· 编码导航和用法查询

· 支持ECMAScript

· 支持CoffeeScript

· 支持结点

· JavaScript重构

· JavaScript单元测试

· 代码检测和快速修复

· JSLint/JSHint

· 基于 Mozilla的JavaScript调试器

2、其他用途

· 批量代码分析

· 编码语言混合或内混

· 拼写检查器

· 重复代码检测器

3、编辑语言

· 支持HTML5

· css/js

· 检验和快速修复

· Zen编码

· 显示内容

· 显示应用的风格

4、便捷的环境

· HTML5样本文件和其他Web应用程序模板

· FTP和远程文件同步

· 集成了版本控制系统

· 本地记录

二、优势功能

1、智能的代码补全：支持不同浏览器的提示，还包括所有用户自定义的函数(项目中)代码补全包含了所有流行的库，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

2、代码格式化：代码不仅可以格式化，而且所有规则都可以自己来定义。

3、html提示：大家经常在js代码中编写html代码，一般来说十分痛苦，不过有了智能提示，就爽多了。而且html里面还能有js提示。

4、联想查询：只需要按着Ctrl键点击函数或者变量等，就能直接跳转到定义；可以全项目查找函数或者变量，还可以查找使用并高亮。

5、代码重构:这个 *** 作有些像Resharper，熟悉Resharper的用户应该上手很快，支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。

6、代码检查和快速修复：可以快速找到代码中的错误或者需要优化的地方，并给出修改意见，快速修复。

7、代码调试：支持代码调试，界面和IDEA相似，非常方便。

8、代码结构浏览：可以快速浏览和定位。

9、代码折叠：功能虽小，不过胜在方便高效，包裹或者去掉外围代码，自动提示包裹或者去掉外围代码，一键搞定。

在使用 IDEA 商品修改功能时，如果需要显示原来的价格，可以通过以下步骤实现：
1 打开 IDEA，进入您要编辑的商品页面。
2 在“价格”栏目中，点击“添加价格”按钮，在d出的对话框中输入新的价格信息。在输入新价格信息之前，会自动将当前价格填入对应的文本框中。
3 如果您需要显示原始的价格，可以将原始价格手动填入“价格”文本框中，并打开“时间范围”选择器，将新价格的生效时间设置为当前时间之前的某个时间点。
4 在保存新价格之前，确保当前时间在原始价格生效时间与新价格生效时间之间，并勾选“启用”复选框，最后点击“保存”按钮保存修改内容。
通过以上步骤，您就可以显示并保存原始价格信息了。同时，为了保证数据的准确性和安全性，建议您在修改商品、价格等敏感信息时，谨慎 *** 作，并注意备份原始数据。

如果是Mac的话 是 花 + F12, windows 可能是control + F12 如果都不是 点 navigate -> File Structure 或者看这个选项上的快捷键组合

---