Chromeデベロッパーツール内にターミナル環境を構築する「Devtools Terminal」

1

Chromeブラウザに搭載されている「デベロッパーツール」は、Web開発に便利な機能が多数搭載されていることで知られています。

そこで、Chrome拡張機能である「Devtools Terminal」を利用することで、普段PCで使っているターミナル環境も搭載しよう!…というご紹介です。


使い方!

まず、前提として「Node.js」が必要になるので、まだ導入していない場合は以下の記事を参考にしてみてください。

(参考)
Node.jsの準備」:うえぶまなぶ

 
次に、「Chromeアプリ」をインストールします。

2

完了したら、この時点で一度「Chromeブラウザ」を終了させてください。

 
そして、PCのターミナルから以下のコマンドを実行!

$ npm install -g devtools-terminal

 
最後に、「Devtools Terminal」を使えるようにします。

$ sudo devtools-terminal --install --id=leakmhneaibbdapdoienlkifomjceknl

 
あとは、Chromeブラウザを起動して「デベロッパーツール」を表示すると「terminal」タブが出現して「ターミナル環境」が搭載されたのが分かります!

3

vimで編集したり、railsコマンドを叩いたりなど、普段からPCで使っている環境と同じことが可能です。

ブラウザだけでWeb開発を完結させたい人には、意外とオススメの拡張機能かもしれません。

(参考)
Devtools Terminal」サイト


最新情報をチェック!

一緒によく読まれている記事

キーワード Keyword