在使用 mac 开发前端时，发现在 chrome 中打的端点行号和实际运行行号不匹配，总是打不到正确的位置，调试的时候需要看上下文时就十分痛苦，一直以为这个是 chrome 的 debugger 的 bug，换了各种版本的 chrome 都不行。
在尽力了各种尝试之后，期间痛苦挣扎了两三月中，终于找到最终原因。
主要原因是生成调试 map 文件中记录的行号有问题，webpack 在生成 map 文件是只能识别\r\n 作为换行符，对于 mac 默认的\n 无法做到正确换行识别，因此在 idea 中编辑代码是使用 windows 换行符作为默认换行符就可以解决问题。
下面介绍一下如何切换文件的换行符：
- 单个文件的切换，在 idea 中，代码编辑器的下面状态栏部分会显示当前文件的换行方式，点击这描述，可以切换到 windows 换行方式。
- 文件批量修改，在 idea 中选择某个目录，点击 file->File Properties-> Line Seoarators ->CRCF . 注意此位置使用 idea 2020 版本，其他版本应该也在 File 菜单下，需要找一下。
- 设置默认文件的文件分割，打开全局设置，选择 Editor->CodeStyle -> Gernal->line separators.
扩展：对于 sh 文件请不要使用 CRCF 的方式作为换行符，这会 shell 脚本在执行的过程中报错，说找不到命令，有的时候错误也是很莫名其妙的。