MacOS

2022年MacOS下的开发工具推荐

2022年MacOS下的开发工具推荐

在我的开发生涯中,我尝试提高日常工作效率。我使用过许多工具和应用程序,在许多文章和网页中找到了不同的方法,但并非所有的工具都真的有用,其中一些工具会让我的工作效率更低下。

所以,今天我想分享那些对我非常有用的工具。

终端工具

Homebrew

macOS的包管理器。自定义安装你需要的东西,它类似于Ubuntu的apt-get(任何基于Debian的)Linux。

iTerm2

iTerm2是默认macOS的Terminal.app,iTerm2将终端带入了进了现代化的水平,具有你从来不知道但你一直想要的功能,我喜欢这个应用程序内部有很多定制的功能,还有语法检查这个功能。

在10fps GIF上不太顺利,是吗??

ZSH

Z shell(也称为zsh)是一个Unix shell,它建立在bash(macOS的默认Shell)之上,具有很多的的功能。ZSH为交互式使用而设计,它也是一种强大的脚本语言。

Oh My ZSH!

Oh My Zsh是一个令人愉快的、开源的、社区驱动的框架,用于管理你的Zsh配置。它捆绑了成千上万个有用的函数、助手、插件、主题和一些让你惊讶的的东西…它有一个令人印象深刻的插件列表和好看的主题。至于我,我使用powerlevel10k主题,看图:

Fig

自动添加VSCode风格的到您现有的终端。

看看下面的 gif:

它有常见的快捷方式(用于git等)。可以创建项目快捷方式(要创建它们,您需要做的就是在项目中初始化一个. fig文件夹,然后创建一个_shortcuts.ts完成规范)。

fig还可以自动获取项目的npm脚本。或者您可以通过将fig对象添加到文件中来创建package.json自动完成列表。命令下拉看起来像下面一样:

Volta

Volta是一种管理JavaScript命令行工具的轻松方式。把它想象成“更好的NVM”。例如:

Volta的命令volta pinnode@12将节点引擎的确切版本保存在您的package.json中,以便您可以将您的选择提交给git。从那时起,每次您在项目目录中运行节点时,Volta都会自动切换到您选择的相同版本的节点。类似地,您所有的合作者都可以通过在他们的开发机器上安装Volta来完成同样的操作。

Ngrok

Ngrok允许您将运行在本地机器上的Web服务器公开到互联网上。这对项目仍在开发中(尚未部署)的情况很有好处:

  • 无需部署即可演示Web项目
  • 在您的开发机器上构建webHook消费者
  • 测试连接到本地运行的后端的移动应用

ngrok控制台UI是这样的。

桌面应用

VS Code+插件

VS Code是基于最新(2020)JS状态的最流行编辑器。

我的VS Code插件列表(不是全部,只是最有帮助):

  • Auto Close Tag.自动添加超文本标记语言/XML关闭标记,与Visual Studio IDE或Sublime Text相同。
  • Auto Rename Tag.自动重命名成对的超文本标记语言/XML标记,与Visual Studio IDE相同。
  • Bracket Peek.这个扩展帮助您在检查匹配的结束括号时查看包含开始括号的代码行。
  • GitLens.它增强了Visual Studio Code中内置的Git功能。它帮助您通过Git责备注释和代码镜头一目了然地可视化代码作者,无缝导航和探索Git存储库,通过强大的比较命令获得有价值的见解,等等。
  • Import Cost.此扩展将在编辑器中内联显示导入包的大小。
  • Indent-Rainbow.一个简单的扩展,使缩进更具可读性。
  • Path Intellisense一个自动完成文件名的插件。
  • Project Manager.它帮助您轻松访问您的项目,无论它们位于何处。
  • Shortcut Menu Bar在VSCode的编辑器菜单栏中添加35个以上方便的按钮,如美化、显示打开的文件、保存、切换终端、活动栏、查找替换等。你也可以用自定义命令创建自己的按钮。
  • Thunder Client.这是一个轻量级的Rest API客户端扩展。
  • Trailing Spaces.一个允许您突出显示尾随空格并在一瞬间删除它们的扩展!
  • Turbo Console Log.这个扩展通过自动编写有意义的日志消息,使调试变得更加容易。

GitKraken

GitKraken是一个像Atlassian的Sourcetree一样的git GUI工具,但是更强大和花哨。我喜欢这个工具:

  • 易于使用拖放在我的日常操作,如合并分支。
  • 它有真棒独唱模式,在那里你可以看到某些分支的历史。
  • 它通过分支机构名称、问题面板、公关创建和管理等进行集成搜索。一切都在一个工具中。

对我来说,致命的功能是集成合并冲突解决(就像在网络风暴集成开发环境中一样)。没有更多丑陋或昂贵的冲突解决分离工具,一切都是现成的。?

ResponsivelyApp

是一个非常有用的应用程序,可以检查你的网络应用程序在不同维度上的外观。使用这个工具开发你的应用程序很容易,因为你可以看到你的代码变化如何影响不同屏幕上的视图。

RunJS

RunJS是您桌面上的JavaScript游乐场。您可以探索和实验JavaScript和TypeScript,可视化您的想法,并在键入时获得即时反馈。这是一个非常有用的工具,用于测试一些超过一行的JavaScript代码,或创建代码片段等。在这个工具中执行这些操作比在浏览器的开发工具中更舒适。

Altair GraphQL Client

Altair帮助您调试GraphQL查询和实现-处理困难部分,以便您可以专注于实际完成工作。

额外工具

Moom

Moom让窗口管理变得像点击鼠标按钮一样简单——或者使用键盘快捷键,如果你是这类人的话。

使用Moom,您可以轻松地将窗口移动和缩放到半屏、四分之一屏或填充屏幕;设置自定义大小和位置,并保存打开窗口的布局,以便一键定位。一旦你尝试过Moom,你会想知道没有它你是如何使用你的苹果电脑的。

CleanShot X

CleanShot X提供了超过50个功能,使其成为最终的屏幕捕捉工具。

Sli.dev

Sli.dev是一种创建演示文稿的工具。Slidev旨在为开发人员提供灵活性和交互性,通过使用他们已经熟悉的工具和技术,使他们的演示文稿更加有趣、富有表现力和吸引力。它不是像PowerPointKeynote这样的桌面应用程序。您需要自己编写标记或html/css代码(如果您愿意,甚至可以编写Vue.js组件)。有了这样的框架,您几乎可以控制演示文稿的每一个方面,如过渡、样式、视图、文本等。作为一名开发人员,使用这个工具对我来说也是一种乐趣。我尝试了很多类似于li.dev工具,比如奇观RevalJSImpressJS,但是我喜欢Windi CSS,并想用这个框架创建东西(实际上我喜欢TailwindCSS,但是Windi给了我同样的体验)。

Notion

Notion是一个多数据库,可以为您的一切进行注释。它不仅仅是一个文档或表格。您可以自定义Notion以按照您的方式工作。它有很多满足每种需求的模板,支持看板或时间线视图、带有关系和计算字段的表、团队协作等等。

就这样。谢谢你的阅读。请在评论中告诉我你在日常开发中使用什么工具。?

分享此文章