许多开发人员依靠多个终端窗口来管理各种开发任务。想想npm run start
,Docker容器,Rails服务器和WebPack - 都同时运行。这本质上不是很糟糕,但可能会很麻烦。记住命令并有效地安排终端环境可能是一个挑战。就个人而言,我更喜欢拆分窗格而不是选项卡,尽管选项卡在单独的项目中正常工作。
在Twitter上寻求解决方案提供了几种选择:
Tmux:这是最受欢迎的建议。它在单个终端会话中创建虚拟窗格,从而同时执行不同的命令。它的多功能性令人印象深刻,我的Codepen联合创始人在新的开发环境中使用进一步验证了其功能。
tmuxinator
为TMUX提供了改进的配置管理。Kitty:由一个用户描述为更高级的TMUX替代方案,Kitty支持自定义布局和启动命令。
-
本机终端应用:每个操作系统都提供本机解决方案:
- MACOS: ITERM2在拆分面板和会话管理方面擅长,尽管缺乏内置命令触发预定义布局。默认的MACOS终端还支持选项卡和分裂,但感觉不强。
- Linux:终结器是一个受欢迎的选择。
- Windows:默认的Windows终端提供窗格支持。
NPM任务跑步者:
concurrently
运行多个NPM脚本的工具和npm-run-all
-all-all-all-all-all。但是,它们仅限于NPM脚本,并且不固有地支持单独的窗格输出,从而使它们更适合于短运行任务。虽然您可以为其他命令创建NPM脚本,但输出管理仍然是一个限制。
作为MACOS用户,我专注于ITERM2解决方案。虽然缺少内置命令触发的布局,但ITERM2的脚本性被证明是有用的。虽然AppleScript支持正在逐步淘汰Python,但AppleScript目前运行良好。
这是一个applescript示例:
iterm2 applescript
告诉应用程序“ iterm” 告诉当前窗口 使用默认配置文件创建窗口 告诉当前标签的当前会话 将名称设置为“ run.sh” 写文本“ CD'/users/chriscoyier/github/cpor'” 写文字“ ./run.sh” 结束 使用默认配置文件创建选项卡 告诉当前标签的当前会话 将名称设置为“铁轨” 写文本“ CD'/users/chriscoyier/github/cpor'” 写文本“ NVM使用” 写文字“纱线” 写文本“捆绑安装” 写文字“纱线跑道” 结束 使用默认配置文件创建选项卡 告诉当前标签的当前会话 将名称设置为“ webpack” 写文本“ CD'/users/chriscoyier/github/cpor'” 写文本“ NVM使用” 写文字“纱线” 写文字“ Yarn Run Dev” 结束 ( *垂直分裂 - 需要进一步研究 *) ( *使用命令向下 *告诉应用程序“系统事件”到击键“ D” *) ( *延迟1 *) ( *水平拆分 - 需要进一步研究 *) ( *告诉应用程序“系统事件”到击键“ d”,使用{向下,命令向下} *) ( *延迟1 *) ( *移动窗格 - 需要许可 *) ( *告诉应用程序“系统事件”到击键”]”“使用命令向下 *) 结束 结束
该脚本在单独的选项卡中成功启动了所需的过程。评论的部分代表了需要进一步探索的程序化窗格分裂的尝试。对击键的依赖感觉不那么优雅,调查基于Python的脚本以进行更直接的控制是未来的目标。缺乏简单的汇编为独立应用程序也值得注意。
另一个MACOS选项是Alfred,这是一种强大的工作流程自动化工具,能够管理复杂的终端设置。
以上是一个动作,多个终端窗口运行的东西的详细内容。更多信息请关注PHP中文网其他相关文章!

@keyframesandCSSTransitionsdifferincomplexity:@keyframesallowsfordetailedanimationsequences,whileCSSTransitionshandlesimplestatechanges.UseCSSTransitionsforhovereffectslikebuttoncolorchanges,and@keyframesforintricateanimationslikerotatingspinners.

我知道,我知道:有大量的内容管理系统选项可用,而我进行了几个测试,但实际上没有一个是一个,y'知道吗?怪异的定价模型,艰难的自定义,有些甚至最终成为整个&

链接CSS文件到HTML可以通过在HTML的部分使用元素实现。1)使用标签链接本地CSS文件。2)多个CSS文件可通过添加多个标签实现。3)外部CSS文件使用绝对URL链接,如。4)确保正确使用文件路径和CSS文件加载顺序,优化性能可使用CSS预处理器合并文件。

选择Flexbox还是Grid取决于布局需求:1)Flexbox适用于一维布局,如导航栏;2)Grid适合二维布局,如杂志式布局。两者在项目中可结合使用,提升布局效果。

包含CSS文件的最佳方法是使用标签在HTML的部分引入外部CSS文件。1.使用标签引入外部CSS文件,如。2.对于小型调整,可以使用内联CSS,但应谨慎使用。3.大型项目可使用CSS预处理器如Sass或Less,通过@import导入其他CSS文件。4.为了性能,应合并CSS文件并使用CDN,同时使用工具如CSSNano进行压缩。

是的,youshouldlearnbothflexboxandgrid.1)flexboxisidealforone-demensional,flexiblelayoutslikenavigationmenus.2)gridexcelstcelsintwo-dimensional,confffferDesignssignssuchasmagagazineLayouts.3)blosebothenHancesSunHanceSlineHancesLayOutflexibilitibilitibilitibilitibilityAnderibilitibilityAndresponScormentilial anderingStruction

重构自己的代码看起来是什么样的?约翰·瑞亚(John Rhea)挑选了他写的一个旧的CSS动画,并介绍了优化它的思维过程。

CSSanimationsarenotinherentlyhardbutrequirepracticeandunderstandingofCSSpropertiesandtimingfunctions.1)Startwithsimpleanimationslikescalingabuttononhoverusingkeyframes.2)Useeasingfunctionslikecubic-bezierfornaturaleffects,suchasabounceanimation.3)For


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

安全考试浏览器
Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

ZendStudio 13.5.1 Mac
功能强大的PHP集成开发环境

禅工作室 13.0.1
功能强大的PHP集成开发环境

SublimeText3汉化版
中文版,非常好用

DVWA
Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中