别名和代码段 2(摘要)

如果您阅读了我以前关于别名的文章,那么您会记得别名和代码片段的类比,类似于经过微调的自行车的高价设置中的一小部分。 (如果您还没有,我建议您首先这样做才是要点。)不利用它们就像在高性能自行车上花费了5000美元,但未能升级旧的不合脚鞋子,反过来又使您退缩,放慢你的速度。

为了继续这种隐喻,我认为别名在终端的代码编辑器外部非常有用,用于设置项目并完成许多日常任务并快速构建工具。 从npm到bash,不乏可找到的快捷捷径。

另一方面,代码片段在代码编辑器中使用。 大多数人都熟悉片段,因为Sublime和Atom等一些编辑器提供了其中的许多程序包,但有些人从不扩展这些程序包以匹配其日常工作或堆栈。

如果您喜欢诸如别名和代码片段这样的节省时间的方法,我也推荐Tommy Marshall撰写的有关编辑器中键盘快捷键的文章。

我已经回答了别名和代码片段是否被认为很酷。 (他们是)。 我认为这样做是值得的。 这里有几个主要好处:

  1. 省时间
  2. 消除棉绒错误
  3. 格式一致
  4. 专注于编写质量代码

1.节省时间

这是代码段最明显的好处,我将分享一个可以节省时间的代码。 使用React和Atom的任何人都应该查看Atom中使用的一些常见React.js代码段,它们包括:atom-react或atom-react-snippets。 它们使用稍微不同的绑定和输出,但是我将在atomic-react-snippets中使用的示例是基本示例,确实适合其中任何一个。

创建很多React组件,并且讨厌键入:

创建它的绑定只是:

加上Tab键和瞧,上面显示的组件将自动展开,随时可以使用!

引擎盖下的代码段(在Atom中)如下所示:

对于像React这样的声明式库,请将其视为另一层声明! 在我实际的日常中,我们使用手动滚动的JS框架,因此没有第三方代码段包,因此我创建了自己的代码段,以使用所需的所有标记来构建新JS文件的框架。 这使我免于从现有文件中进行复制和粘贴,从而避免了其他不需要的代码被删除,甚至导致错误。

这另外两个片段为我节省了大量时间:

PHP漂亮回声

如果您像我一样,一个经常用于console.log的JS开发人员经常被用于调试,那么使用PHP进行调试的过程会有些艰难。 上面的echop片段将以类似的方式工作,可以在网络控制台中或在屏幕上进行打印,然后在该位置停止脚本。

JS进口

我喜欢JS的import功能,可以将最好的惊人库带到我的项目中,但是我讨厌不断地键入导入,尤其是当它使用命名成员模块时。

impdimpm的两个片段使您可以快速将整个默认模块或命名成员模块导入到您的项目中。

2.消除棉绒错误

与节省时间并驾齐驱,在可能的情况下消除了烦人的棉绒错误。 我发现一些最常见的错误是当我复制了大量代码以重复常见的文件设置时发生linter错误。 这通常涉及删除不需要的功能,因为您真正想要的是一个空框架。 以我们的React组件示例为例,假设我已经完成了一些组件并想开始一个新组件。 首先,我将复制一个旧的:

然后,我将花几秒钟:

  • 删除我不需要的导入
  • 清除构造函数/道具
  • 删除未使用的方法
  • 清除render()方法
  • 更改组件名称

不必全部执行这些操作可以节省时间(优点1),但通常在执行上述任务的过程中,许多括号或括号之一被删除,导致编译或构建时出现恼人的linter错误。

通过使用结构良好的新鲜片段来构建您真正想要的内容(空白板),可以消除清除从另一个文件复制过来的“片段”时经常发生的棉绒错误。

3.一致的格式

无论是为您还是团队,还是管理项目,时间或空间的差异,使用模板化代码段都可以确保每个常用代码段的格式一致。 如果是手工编码,或者在不同的时间点从不同来源复制,则可能会出现不一致,从良性可读性问题到更严重的错误。

如果您还没有使用更漂亮的格式化程序,则应该使用。 它对统一的布局和结构有很大帮助,但仍然只能格式化您提供的代码。

对于个人而言,在项目之间,甚至在项目内部来回切换,为自己着想,保持一致的格式很重要。

但是,在片段中,我看到很多有价值的地方是团队。 如果文件或组件是在您的项目或团队成员中使用摘录构建的,则代码复查,配对编程和错误修复将更加令人愉悦且富有成效。 一个想法是制作一个组织化的Atom插件,该插件可以安装并加载到每个团队成员计算机上,该计算机将保存鼓励的摘录并易于维护和更新。

4.专注于编写质量代码

这个代码可能被忽略了,但是我发现,如果我花时间将代码片段作为目标代码的目标,那么我将真正地检查为什么是这样。 毕竟,如果我要一遍又一遍地以相同的形式复制它,我希望这种形式是最好的。 因此,如果您发现自己选择添加到代码段集合中,请趁此机会在那里重构,注释或调整代码。

在编辑器的代码片段和命令行的别名之间,我相信可以提高很多生产力和创造力。

如果您对Atom有任何很棒的代码片段或代码片段包,请以我的方式分享。 我希望这段简短的摘要对您有所帮助!