More than 3 years have passed since last update.

手軽でおしゃれな開発環境

Last updated at 2021-06-11Posted at 2020-04-05

概要

個人的な開発環境のまとめです。
少し多機能な開発環境にしたい。
でも、手軽にすぐ使えるようなものがいい。
そんな人向けです。

最終的にこんな感じの画面になります。
左にエディタ、右にターミナルというレイアウトになっています。
ターミナルは上下2つに分割しています。

vscodeを使っています。
intellisenseについて、候補の表示と選択のショートカットをカスタマイズしておくと、
使いやすくなるのでおすすめです。

見やすくてかっこいいので Dracula theme で統一しています。

vscode で vim のような操作が出来ます。
完全に会得できればとんでもない速度で作業できるのではないかと思い修行中です。

画面分割のため terminator を使ってます。
terminator は難しい操作を覚えなくても使え、手軽です。
右画面にターミナルを開き、上下に分割した状態でレイアウトを保存しておきます。
起動したときに保存したレイアウトのまま開けます。

Ctrl + Shift + N　→ ターミナル間の移動
Ctrl + Shift + O　→ ターミナルを上下に分割する。

Dracula theme にします。
これに加え、筆者はターミナルタイトルバーの色を、
アクティブなときはピンク、アクティブでないときは背景と同じ色になるように設定しています。

Background #282a36
Pink #ff79c6

fishを使っています。
fishのインストールについての説明は他に分かりやすい記事が沢山あるのでここでは省略します。

インストールしたら、.bashrcに以下の一文を追記します。
.bashrcはbashを起動するときに読み込まれるファイルです。

fishをデフォルトのシェルにすると環境によっては動作がおかしくなるようなので、
bashを開いてからfishを起動するという動作をするようにします。

.bashrc

fish

といった具合に、キーボードから手を離さずに作業できます。