加快Web开发人员工作流程的工具和方法

已发表: 2020-12-17

Web开发将大量的堆栈，工具，编程语言等捆绑在一起。这里的某些工具/工作流程在某些情况下会起作用，而在另一些情况下会起作用。为了更好地解决这个问题，请考虑从WordPress前端开发人员的角度撰写这篇文章，尽管这些工具非常广泛并且可以在许多情况下使用。

1 – tmux

我的工作流程中最大的变化之一就是在计算机上设置了tmux（macOS，但它当然也适用于Linux）。虽然我可能没有充分利用它的潜力，但它做得很好，可以让我立即在项目之间切换，从而节省了大量时间。

tmux在项目的GitHub存储库上写了一个冗长的“入门”页面以进行检出。它也可以与包装盒中的键盘配合使用，并且可以启用鼠标支持。 tmux使用可在系统之间共享的配置文件以进行即时设置。

那么，它如何改变了我的工作流程？

使用tmux，您只需两个按键即可轻松拆分屏幕并在项目中导航。因此，您可以在一个视图中运行一个“ gulp”，在另一个视图中运行的命令，在第三个视图上通过SSH到服务器的命令，在第四个视图上运行一些统计信息。
它为每个项目提供了类似于“选项卡”的窗口。在这里，您可以通过两次按键切换到不同的项目。我一直在选项卡中打开大约20多个项目，当我必须处理一个新项目时，我只是将其切换到那里，而gulp已经在运行。我在正确的目录中，可以在2秒内开始工作。
始终保持整个设置为ON。您不必每次开始工作时都要做，它总是存在的。如果您的计算机关闭并重新启动，则可以（使用简单的插件）“恢复”至标准设置，然后在大约5秒钟内重新启动。有趣的是，在I7-9900K上需要100％使用。
窗口中的每个面板都是其自己的实例。因此，您可以轻松地为每个面板运行不同的Node版本。

资源

2 –阿尔弗雷德（或替代）

Alfred是适用于Mac的“生产力应用程序”，同样适用于Windows和Linux。 Alfred所做的一些事情是：

只需输入几个字母，即可快速访问打开的程序
快速转到目录
浏览直到直接在弹出窗口中找到所需的内容
使用不同的程序打开文件
搜索网络或已集成的程序等。

借助其Powerpack，还有许多其他“工作流”集成也可以使工作自动化。

阿尔弗雷德首页

它也可以用作快速访问计算器，在整个OS上管理代码片段（甚至不需要访问它，它只要自动扩展它们即可），保存剪贴板历史记录（救生员），与终端集成等。您可以在应用程序网站上找到有关它的所有信息。

我如何使用它：

当然首先要打开应用程序。我没有用图标上的指针单击，我只是输入字母，然后我们就可以了。
编写CSS时将其用作计算器（通常带有EM值）。
剪贴板历史记录–有时我会将5-6件事堆叠在剪贴板中，然后在需要的地方将其粘贴到代码编辑器中。或者返回几天，以查找一些电子邮件，一些代码段等，甚至是一个小功能，可以在一个项目中完成某些工作，而对另一个项目有所帮助。浏览代码只需2-3秒，而不是10多分钟。
在进行设计工作时转到工作目录，或者直接浏览到XD文件而不浏览查找器。与取景器中的一分钟左右相比，再次需要2-3秒。
代码段–我为Asana准备了一个不错的“注释”代码段，其中包含结果的屏幕快照，添加提交链接，向下一个开发人员发送消息的位置，是否处于暂存状态的状态等等。这是团队易于遵循的所有评论中一致的信息。只需不到2秒钟的时间即可键入和展开代码段。

3 –终端工具/插件

噢，我的Zsh –使终端有用– ZSH是宝。有270多个插件可供选择。它使用一个简单的配置文件，从我的旧设置迁移到新设置只需几分钟。 tmux也是一样，因此整个开发过程只需几分钟。有如此众多的插件可供选择，您肯定会发现一些对您的工作流程有用的东西。

我使用的ZSH中最常用的插件之一是“ Z”，它了解您用于访问事物的路径。然后，只需使用几个关键字符，便可以将您带到任何地方。

例如： $z te会跳转到/folder/path/inner/more/content/testing testing-到您以前去过的地方的捷径。使目录之间的切换轻松自如。

哦，我的zsh

exa –更漂亮的LS输出。您可以在他们的网站上找到更多信息。简而言之，它还提供了文件和目录的快速，美观的输出。再次-漂亮。

exa主页

ripgrep –超级快速的搜索。当您需要使用数千行代码查找数千个文件时，您不必等待太多。 Ripgrep在这里拯救您。当然，它还包含许多其他有用的功能和有意义的标志。它还遵循.gitignore文件以使结果有意义。

资源

git-open – Paul Irish在Github上执行的一个小工具，它说了什么–它将打开git存储库。您可能会说什么？您还记得6个月来第一次从事该项目的确切URL吗？导航需要多长时间？此命令将直接为您打开。以及更多–它也将引导您到正确的分支。

您的CLI！就我而言，我们的工作围绕WordPress。可以作为WP的CLI使用。一个简单的新站点设置使用基本命令，例如mkdir（创建文件夹），git clone（克隆存储库），wp核心下载，wp db创建，wp db导入（全部来自WP-CLI）。键入所有内容并进行快速配置，然后在1分钟后运行新设置。

确保仔细检查是否有其他类似的CLI可以与您使用的工具一起使用！