使用 Chrome DevTools 的终端工具

发布于 2022-09-15 11:46:20 字数 3731 浏览 172 评论 0

终端 是一个新的 Chrome 扩展,带来了 权力 的终端到你的浏览器。 如果你发现自己上下文之间的切换铬和命令行为的任务,如:拉取资源,使用 git,wget 或甚至 vim 编辑器,你可以找到这种扩展的一个有用的节省时间。

从终端是伟大的快速命令行的调整

从终端用于快速的命令行调整,从内部 Chrome 的工作时,在你的网络应用程序.

使用卷在从终端

之后,使用 复制为 cURL 的面板,我可以很容易地贴完整的命令变成具箱终端和运行。

为什么使用终端在浏览器?

在开发过程中,你可能用来工作的几个不同的工具:文本编辑器制作、浏览器进行测试和调试和终端用于更新软件包,curling 的头或者甚至建造过程中使用的 git。

运行咕噜中从终端

运行建立任务繁重,而无需离开浏览器。

有关环境之间工具在发展期间可能会造成混乱,并可能导致效率低下。我们以前谈到了对于某些类型的项目,可以调试和作者代码的内部直接的 git 从使用 工作空间 ,而无需离开浏览器。

协作流程

一个完整的协作流程也是可能的。 伟大的一个 内设的比较 之后编写一个工作空间。

从终端完成了这个故事,使得能够编码、调试和修建从内部同一个窗口。 你访问到标签,按 ctrl 甚至 Git 颜色让它觉得熟悉的终端,你已经习惯于使用在你的日常工作流程。

工作流程

创作工作流程

开始新的项目 git克隆 , 自耕农 或任何其他工具,可通过终端。

我的个人的工作流程用于创作在铬现在看起来有点象这样:

  • 从终端: 用它来 git克隆 一个想库, 触摸 一个新的文件或运行创建一个应用程序 如果我想我可以启动一个新的服务器以预览的应用程序了
  • 工作区: 编辑和调试我的网络应用程序内。 如果我发起了一个服务器前面我可以我的本地项目,以我的网络文件。 我可以使用萨斯或更少,有我 CSS预处理程序 的变化映射回到我的CSS文件。
  • 终端: 我现在可以提交来源的控制,使用一个软件包拉下依赖关系或经营我的生成过程产生的一个优化的版本相同的应用程序。

虽然它可能需要一段时间才能得到使用的窗口安排,它很快能够实现的最什么,我需要从内部浏览器。

使用ls在终端

列表的文件在目前的工作目录使用 ls 伟大的可视化的目录之外的工作空间。

安装

从终端可以安装自 铬网上商店 . 如果你是Mac或Linux用户,一旦已经加入到铬,你可以简单"检查元件"或按Ctrl+Shift+我打开了从你会能够访问它通过新的"终端"标签。

Windows用户需要连接的扩展系统终端使用Node.js 代理。 得到这个安装,安装 devtools-terminal 模块从国家预防机制:

npm install -g devtools-terminal

然后打开一个新的命令行窗口和运行 devtools-terminal,接下来,打开工具箱,并在 终端 的标签,连接服务器使用的默认结构的选项。

从终端支持定制的连接细节期间安装。

局限性

从终端不会有一些限制值得注意。 不同终端。应用程序或iTerm2Mac上,它并没有支持的标签,多窗口"或"历史再现。 但是你可以打开许多新标签的铬作为你喜欢,每个可以有自己的从终端的实例。 这可以从Chrome Apps 的屏幕:

从终端支持一个光明的主题和一个黑暗的主题

目前,支持扩展这两个默认的主题和一个黑暗的主题。

这种扩展目前依赖于 NPAPI ,这是正在逐步淘汰在接下来的一年中,在有利于当地消息。 从终端提交人德米特里*梅德 Fillimonov 计划搬离NPAPI有利于这API或当地客户API在不久的将来。

结论

从终端和扩展类似这样 Auxilio 可以帮你避免的交换之间来回你的编辑的浏览器和命令行期间的发展。

虽然在浏览器的终端可能并不适合每个人,你可以找到扩展的一个有益的补充工作流程,我们鼓励你去试试吧!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

葬花如无物

暂无简介

0 文章
0 评论
519 人气
更多

推荐作者

安静被遗忘

文章 0 评论 0

喔爱吃橙子

文章 0 评论 0

草莓味的萝莉

文章 0 评论 0

梦里兽

文章 0 评论 0

mb_83J3Cyxa

文章 0 评论 0

时间海

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文