Laravel最大限度地提高终端生产力

本周,我们刚刚发布了社区中一些很棒的bash别名,我想写更多关于最大化终端生产力的文章。我曾指导过许多开发人员,而终端常常是我所看到的领域,许多优秀的开发人员(比我好得多)可以改进和获得一些生产力和更好的工具。 我在Windows XP机器上开始了我的开发旅程,学习了PHP 4、XHTML、CSS和JavaScript。我甚至不知道bash是什么,更不用说当时使用的终端了。我想我的经验包括运行ipconfig来检查我的网络设置。 当我观看原始的Ruby on Rails演示视频时,这些都改变了。在那段视频中,我被MVC模式、Ruby和Rails打动了。我还学到了我一直以来最喜欢的两个工具:textmate1(请默哀)和unixshell。 我买了一台Mac,这样我就可以使用TextMate了,这就是当时的好方法。我仍然很难过,崇高已经超过了那个光荣的编辑,这是一个这样的乐趣,我用在过去的日子。我仍然认为它有未来,但在我看来,它周围的社区已经大大缩小了。但我离题了。 和TextMate一起,我开始使用终端做一些事情,比如创建文件、从服务器复制文件,以及用ack和grep查找东西。 十年来进展很快,而今天我可能要在终端上花费大约20-25%的时间(可能更多或更少)。我了解到,终端工作流程自动化程度越高,效率就越高。创建点文件使我能够在所有设备和服务器上拥有相同的熟悉终端环境。 无论我使用哪台机器,我的终端设置在我的Ubuntu ultrabook、Digital Ocean和Mackbook Pro上(几乎)完全相同。仅仅是将我的dotfiles解压到GitHub上的一个我保持版本控制的项目中,我就学到了很多东西。它们是我不断改进的工具。我不建议你使用我的版本,你可以通过自己的版本管理获得很多经验!我是一个黑客,虽然我说我和大多数人一样熟悉终端,但我仍然认为自己是中级的,我不是专家。我用oh-my-zsh作为基础,上面有我的调整。 我喜欢把oh-my-zsh当作终端的框架。就像像Laravel这样的web框架可以给你一堆具有良好约定的免费开箱即用的东西一样,噢,我的Zsh提供了良好的默认设置和一堆免费的东西。 Install Zsh 当我开始与开发人员合作或进行比较时,我总是感到有点难过,我注意到一个没有定制的普通终端。我不以任何方式羞辱他们,但我忍不住要展示一些可以帮助他们的东西。最终,一个没有任何定制的股票壳在我看来只是悲哀。 确实悲哀。 我看到了一些令人惊奇的bash设置。一些开发人员仅仅坚持bash和手工定制就做得很好。通常,我会花很多时间来设置git autocompletion之类的东西,这是一个自定义的$PS1shell变量,允许我自定义提示,在股票设置中浏览文件系统对我来说很笨拙。 如果你主要是像我这样的开发人员,我建议你尝试一下ZSH和我的ZSH。我来是为了甜蜜的主题,但我留下来是为了强大的功能,如插件和历史完成。下面是我最喜欢的一些技巧和窍门,当人们想进一步了解如何提高终端的生产效率时,我会向他们展示这些技巧和窍门。 对于终端应用程序,您可以使用内置终端。在Ubuntu上,我使用默认值。在OS X上,我更喜欢iTerm2,但Hyper是另一种可以在Linux、OS X和Windows上使用的跨平台终端。CD路径 您可能熟悉$CDPATH。CD path变量类似于$PATH,但它用于一个路径列表,您可以相对地从任何路径更改目录(CD命令)。在导航到您经常使用的路径时,可以节省大量的按键操作。不幸的是,您没有获得现成的制表符完成: 您可能会注意到,如果您尝试它,您无法在路径上完成制表符。现在在zshell中查看它: 这是您在.zshrc中设置cdpath的方法: 一旦您设置了cdpath runsource ~/.zshrc,您就可以通过tab键从文件系统上的任何路径完成路径中的文件夹。强大的路径扩展功能 如果您仍在使用bash,仅此功能就足以说服您使用ZSH。下面是路径扩展在ZSH中的工作方式:假设我在一个Laravel项目中,我想从项目的根目录深入研究Laravel/框架供应商的源代码: ,现在对于bash中相同的源代码: ,好吧,我不打算在bash上使用bash,但是我希望您可以看到

CSS无头WordPress到底有多合适?

我想知道无头WordPress会在哪里登陆。\"headless\"指的是只使用WordPress管理,通过WordPress restapi构建面向用户的站点,而不是传统的WordPress主题结构?WordPress的未来?还是相对利基?需求在哪里?当然,对它有需求。我知道很多人都这么做。例如,Gatsby有一个gatsby-source-wordpress插件,它允许您以使用wordpressrestapi的方式从WordPress站点获取内容,并将其缓存为GraphQL,以便在React-power...

日期:2021-06-24 01:15:34 浏览:595

CSS制作带有粘性页眉和页脚的表格变得更容易了

不久前,当我在博客中看到HTML中的粘性页眉和页脚时,一个表同时有粘性页眉和粘性第一列。在它里面,我从来没有在任何、或元素上使用position: sticky,因为即使Safari和Firefox可以做到这一点,Chrome也做不到。但是它可以做表格单元格,比如和,这是一个相当不错的解决办法。好吧,这已经改变了。我通过Twitter听说Chrome在v91中\"重写了表格\"。https://t.co/vTBplXWWtT我看到它掉了下来,升级了,然后做了一个快速测试。嘿,看看有粘性的表格页眉和页脚。@C...

日期:2021-06-24 02:00:01 浏览:914

CSS技巧编年史XXXX

只是我最近做的一些非现场工作的一个小链接汇总。就像我习惯的那样。DevJourney播客#151 Chris Coyier从陶瓷到CSS技巧和代码笔\"Chris带我们从玩他的第一个C64到他的陶瓷文学学士,再回到web开发。我们讨论了他在这一过程中的不同立场,以及他们是如何缓慢但肯定地引导他走向web开发的。我们浏览了CSS技巧的创造和娱乐,在开放中学习,以及美好的一天是什么样子。Podrocket Podcast火箭手术:Kaelan和Chris Coyier比较笔记我被要求删除这里嵌入的音频,如果你想...

日期:2021-06-24 02:00:03 浏览:840

CSS使用子资源完整性保护您的网站

当您从外部服务器加载文件时,您相信您请求的内容是您期望的内容。由于您不自己管理服务器,因此您依赖于另一个第三方的安全性,从而增加了攻击面。信任第三方并不是天生的坏事,但它肯定应该在网站安全的背景下加以考虑。一个真实的例子这不是纯粹的理论危险。忽视潜在的安全问题可能而且已经造成严重后果。2019年6月4日,Malwarebytes宣布他们在网站上发现了一个恶意的略读程序NBA.com. 由于Amazon S3存储桶受损,攻击者能够修改JavaScript库以窃取客户的信用卡信息。值得担心的不仅仅是JavaSc...

日期:2021-06-24 02:00:03 浏览:742

CSS联合的可能性

这是首字母缩略词RSS中不是形容词的一个词。非常简单联合更新:Lol这里有两个错误。RSS是首字母缩写而不是首字母缩写,\"Really\"是副词而不是形容词。RSS不仅仅是RSS阅读器。尽管如此,如果我不喜欢RSS阅读器。它是关于把内容放在一种设计成可移植的格式。内容的API并不是一个隐喻,这就是它的字面含义。RSS一直在我的脑海中,因为它就像我的日报,但我敢打赌它并不是人们关注的最高峰,甚至是开发者。尽管如此,它还是受到了一点关注,因为谷歌在androidchrome中引入了一个\"following\...

日期:2021-06-24 03:00:02 浏览:575

CSS在开放细节元素上添加背景

关于元素有一点奇怪,那就是,当它打开时,并不总是100%清楚该元素内部的内容和不内部的内容。我不是说总是重要,或者说它是一个特别难解决的问题,我只是注意到它最近出现在我身上。这里有一个直观的例子:这里的文本在里面,什么不是?这个解决方案是…CSS。把的样式设计得有点独特,这样问题就解决了。即使你希望排版是一样的,或者你不想任何独家风格,直到被打开,这仍然是可能的。使用alpha透明填充,您甚至可以确保更深的嵌套保持清晰。对于只插入内联内容的<详细信息>(如\"spoiler\"UI或其他内容),...

日期:2021-06-24 03:00:04 浏览:740

CSS容器查询的聚宝盆

我不知道是什么原因,但是我的feed在过去的几周里充斥着关于CSS容器查询的文章。有关集装箱查询的热议实际上始于去年12月,当时米丽亚姆•苏珊娜(Miriam Suzanne)发布了一份提案(采纳了大卫•巴隆的提案),但3月底,Una Kravets在推特上发布的一条消息称,他们在chrome://flags的#enable-container-queries旗后投放了Chrome Canary 91.0.4459.0在如此短的时间内,容器查询已经覆盖了如此多的地方,而且规范甚至还不是最终的!我很高兴看到C...

日期:2021-06-24 03:00:04 浏览:895

CSS target=blank

那会不会让你的眼睛有点抽搐?就像…是打字错误。值的开头应该是带有下划线的>。就像…Welp, that\"s correct syntax!In the case of the no-underscore>, the blank部分只是一个名称。可能是任何东西。它可以是>,或者,可能是为了预示这里的目的:>。是一个特殊的关键字,它将在新选项卡中打开链接,每次都打开一个新选项卡。>将在新选项卡中打开第一个单击的链接,但任何共享>的链接都将在新打开的选项卡中打开。我从来不知道这一点!我相信这条微博的解释。我创建...

日期:2021-06-24 04:00:02 浏览:984

CSS查看WCAG 2.5.5以获得更好的目标尺寸

你有没有经历过这样的挫折:试图点击移动设备上的一个按钮却什么也不做,因为目标大小不够大,而且它在你的按键上不起作用?也许你有更大的手指,像我一样,也可能是由于灵活性有限。这是因为我们,即用户,必须与之交互的元素的目标区域越来越小,我们来谈谈如何使其足够大,以便用户能够轻松地与元素交互。如果用户在一个小型手持式触摸屏设备上访问内容,而这个设备的不动产要紧得多,那么这将是一个特别大的问题。成功标准重温我在上一篇涉及WCAG 2.1标准的文章中谈到了成功标准,Label in Name。简言之,WCAG标准是我们...

日期:2021-06-24 04:00:03 浏览:521

CSS Trickz:Netlify随需应变构建器的实验

默认情况下,WordPress站点有一个API。想看看这个网站的最新帖子吗,只是一组特定的数据…JSON格式?给你。Alex Riviere用它做了一个笑话站点。起初,当加载该API客户端时,该站点将fetch。很好,但是如果我们认真考虑一下,它对于访问站点的人来说是非常低效的(也就是说,比服务器呈现的HTML慢),对于API命中率也不是很高。所以,Alex用Netlify函数重新编写了它。然后Netlify函数将从API中fetch(在云中的节点中),并为预呈现的HTML提供服务。这可能更好一些,但正如亚...

日期:2021-06-24 04:00:04 浏览:563