ショートカットキーで検証環境を一発起動したい
(検証環境というより開発環境のほうが正解かもしれない。。。
前提条件
環境
macOS Sierra 10.12.6
iTerm2 Build 3.1.5.beta.2
やりたいこと
作成中のプロジェクトのディレクトリに移動したい
npm run dev(環境を起動)したい
ブラウザでページを表示したい
iTerm 起動時ではなく、ショートカットキーを押して新規タブで起動させたい
やってみた
Profile をひとつ追加して、ショートカットで開いたときにいくつかのコマンドを実行させるだけ。
iTerm2 の設定方法
iTerm2 メニュー > Preferences... クリック(ショートカットキー:⌘+,)
https://gyazo.com/51060049aa7b1ad4c59d3881efd84483
Profiles タブをクリックして移動
新しくプロファイルを追加する
自分はDefault で使っている Profile を複製した(Duplicate Profile)
「+」プラスマークからでも良さそう
https://gyazo.com/9c04a2f1693987b8a167c9a9c8328f68
設定を追加※訂正あり
https://gyazo.com/a44686982a9b5093a70d67cb76bd8835
Name
わかりやすいものにする
Shortcut key
押すと実行するショートカットキーを設定
^ は control キーの意味。
Command
Send text at start に cd www/vue-fire & npm run dev & open http://localhost:8080 追加
& は コマンドを連続して使いたいときに書く。
先に書いたコマンドを実行しつつ、あとに書いたコマンドも実行するという意味らしい
&& 2個だと 先に書いたコマンドが正常終了したら、あとに書いたコマンドを実行する という意味
今回は && だと npm run dev で止まってしまったので & で書いた
【訂正】 cd と npm run dev が同時に起動してしまうため、cd www/vue-fireとnpm run devの間は&&でつないだ
code:terminal
起動方法
iTerm2 を起動して、設定した Shortcut key を押すと新規タブで開く。
ここでは ^+⌘+v キーを押す