文本编辑提示和技巧综述

已发表: 2022-03-10
快速总结↬我们向 Smashing Community 询问了他们在编辑文本和代码时最喜欢的提示和技巧。 有了这么多很棒的建议,我们决定将它们全部收集到一篇文章中,以便您可以将其添加到有用的书签中。 感谢所有花时间回复和分享他们最受赞赏的工具和技术的人——我们衷心感谢!

我们向 Smashing 社区询问了他们最喜欢的文本编辑技巧、快捷方式和节省时间的功能。 以下是我们发现非常有用的内容的汇总,以及您可能会觉得方便的其他一些建议。

最喜欢的键盘快捷键

你们中的许多人都有最喜欢的键盘快捷键。 其中一些将是特定于编辑器或操作系统的,尽管在许多情况下,您可以使用您正在使用的工具找到类似的快捷方式。 我从下面的社区中收集了一些。

Ste Grainer 分享了关于移动和选择快捷方式的提示:

许多人不知道的基本移动/选择快捷方式:

按住Cmd +箭头键移动到行的开头/结尾或文档的顶部/底部。

按住Opt +箭头键水平移动单词到单词并垂直阻止。

在执行这些操作时切换到选择。

从乔弗兰克:

选择当前选择的所有出现( Ctrl + SHIFT + L在VSCode中)并复制我设置为Ctrl + D的行/选择。

Loris Gillet 分享了一些最喜欢的用于跳转或删除文本的快捷方式:

+前进/后退箭头允许跳转到下一个单词而不是下一个字母
+向上/向下箭头允许跳转到段落的开头/结尾
+ Backspace删除整个单词而不是逐个字母。

许多建议的技巧来自网络开发人员——他们最常使用的编辑器的技巧。 我们还收到了 Maher Nabeel 对 Android Studio 的建议:

在 Android Studio 中:
  • Ctrl + D - 重复行
  • Ctrl + Y - 删除行
  • Ctrl + W - 选择块
  • Ctrl + O - 覆盖方法
  • Ctrl + ALT + L - 重新格式化代码
跳跃后更多! 继续往下看↓

编辑器快捷键备忘单

正如我们从已经发布的提示中看到的那样,学习编辑器的键盘快捷键可以节省大量时间。 总是值得看看你的编辑器有什么可用的,因为学习其中一些快捷方式可以在一天编写代码的过程中节省大量输入。

在 Twitter 上,Tobin Saunders 推荐了 Atom Editor Cheat Sheet,它是 Atom 快捷方式的详细列表。 我还查看了其他常用编辑器可用的内容。

视觉工作室代码

VS Code 网站上有许多 PDF 格式的可下载备忘单,如果您发现将备忘单打印在办公桌上很有用。

  • 视窗
  • 苹果
  • Linux

Joel Reis 指出,如果您从 Sublime Text、Atom、Vim 或 Visual Studio 切换到 VS Code,那么您可以下载键盘映射扩展。 这意味着您可以保留以前编辑器中的键盘快捷键。 今年早些时候,当 Burke Holland 在他的文章“Visual Studio Code Can Do That?”中与我们分享了一些您可能会惊讶地发现 VS Code 可以做的事情时,Smashing Magazine 上也提到了这个提示。

崇高的文本

可以在此处找到适用于 Windows、Mac 和 Linux 的精选 Sublime Text 3 快捷方式。

我们在 Smashing Magazine 上也有一篇文章,Jai Panda 在其中分享了一些他最喜欢的 Sublime Text Tips and Tricks。

自定义您的环境

我们的键盘和默认计算机设置更多地用于输入文本而不是输入代码。 一些评论者已经更改了他们的默认设置,以便更快地输入他们最常需要输入的内容。

Alex Semenikhine 提出了这个建议:

我将必须按住Shift并按下按钮的次数减到最少。 如果我使用括号 ( ( ) ) 比使用90更频繁,我会自定义键盘以反映这一点,我的9(并且Shift + 99 ,等等。

Paul van den Tool 将他的“键重复”和“延迟直到重复”设置为最高设置,以便他的光标“在使用箭头时飞过屏幕”。

Jaron Barends 告诉我们他是如何“创建Alt + ; 作为在当前行末尾插入分号的快捷方式。”

使用 Emmet

不少人提到了Emmet的文本扩展系统。 如果您手动编写大量 HTML 和 CSS,那么 Emmet 可以为您节省大量打字时间。 在编写 HTML 时,任何了解 CSS 的人都会熟悉 Emmet 缩写。 例如,如果要在div元素中创建无序列表,可以使用以下命令:

 div>ul>li

然后会变成:

 <div> <ul> <li></li> </ul> </div>

缩写正是在 CSS 中选择li的选择器。 具有ul作为直接子级的divli作为ul的直接子级的 div。 查看 Emmet 备忘单以获取更多示例。

Emmet 内置于 VS Code 中,可作为许多其他编辑器的插件使用。

使用剪贴板管理器

Erik Verbeek 建议使用剪贴板管理器,以便您可以从历史记录中获取复制的代码。 他建议在 OS X 上使用 ClipMenu,遗憾的是它似乎已经停产了。

类似的工具包括:

  • 适用于 MacOS 的 CopyClip
  • 适用于 MacOS 的 PasteBot
  • Windows 同上
  • 1剪贴板 Windows 和 MacOS(目前处于测试阶段)

许多编辑器还包括用于在编辑器中进行复制和粘贴操作的剪贴板历史记录。 在 Twitter 上,@codevoodoo 指出 Webstorm 有这样的功能。 VS Code 有一个 Clipboard History 扩展,Atom 有一个包; 正如 Sublime Text Clipboard History 上的本教程所解释的那样,Sublime Text 内置了这个功能。

推荐工具集

评论中推荐了一些特定的工具,所以这里有一些你可能没有听说过的有用工具。

维姆

喜欢 Vim 的人,真的很喜欢 Vim。 它当然伴随着学习曲线,但是,如果您非常热衷于优化键盘编辑,那么投入的时间可能是值得的。 正如 Jess Telford 指出的那样,您可以执行诸如键入13k之类的操作来将光标向上移动 13 行。

查看 Vim 备忘单以获取命令列表。 您可以在许多其他编辑器中使用 Vim 仿真。 前面提到的 VS Code 的键映射包括 Vim 的映射,还有一个可用于 Atom 的插件。

更漂亮

Prettier 是一个开源的固执己见的代码格式化工具。 使用 Prettier 可以确保所有代码的格式都一致。 这在团队工作时非常有用,因为这意味着强制执行一致的风格,而无需任何人真正需要考虑它。

有几个编辑器可以下载,以便您可以在您选择的任何环境中使用 Prettier。

自动热键

直到@Hobbesenero 提出这个建议,我才听说过 AutoHotkey 工具。 AutoHotkey 是一种用于 Windows 的自动化脚本语言。 使用脚本语言,您可以为常见任务创建快捷方式,例如插入模板。

使用 Pandoc 转换文本格式

我最喜欢的工具之一是 Pandoc。 当我需要将一种文本格式转换为另一种时,我会使用 Pandoc。 Pandoc 可以做的真正有用的事情之一是将 HTML 或 Markdown 转换为 EPUB 格式。 我经常这样做是为了将一组笔记变成我可以在 iPad 上使用 iBooks 阅读的文件。 我这样做是为了为我的研讨会提供一组易于访问的笔记,或者将冗长的文档变成易于阅读的离线格式,以便在飞机上阅读。

Pandoc 可以转换为许多不同的文件格式。 除了创建快速 EPUB 文件外,我还使用它将 Word 文档的副本转换为 Markdown 或其他有用的格式。 如果您从需要转换以进入 CMS 的客户端获得一些凌乱的副本,这将非常有用。

TextExpander 和 Typinator

TextExpander 适用于 MacOS 和 Windows,它是一种工具,可帮助您创建可以使用键盘快捷键或常用缩写插入的片段。 TextExpander 是 Anders Noren 推荐的。 如果您更喜欢不是订阅服务的解决方案,那么您可能想尝试一下 Typinator。

这些文本扩展工具在编写代码之外很有用。 如果您经常发现自己在回复电子邮件或支持请求时输入了相同的信息,那么创建插入该文本的快捷方式可以在节省时间方面迅速获得回报。

文本清洗器

由 Dennis Germundal 在 Facebook 上推荐的 Textwasher 是一个非常简单的工具,用于清除文本中的任何格式。

在评论中添加您的建议

有很多方法可以提高我们每天使用的工具的生产力,而且完全忽略它们也非常容易。 我希望在这些建议中,你会有一些尝试。 或者,这可能会提示您更深入地研究编辑器和其他工具的文档。 我当然受到启发这样做。

如果您错过了这条推文并有一些很棒的提示要分享,请将它们添加到评论中。 我们很想听听他们的声音!