LoginSignup
7
11

More than 3 years have passed since last update.

自分好みの開発環境を作って開発モチベをあげる

Last updated at Posted at 2020-01-28

随時追記
細かいところはあとで書きます

対象者

  • エディタはVSCodeがいいよ!とか言われたものの何もカスタムしないまま使ってる人
  • ターミナルエミュレータはMac標準、なにも弄ってないですみたいな人
  • 標準のbashのままみたいな人
  • 言語ごとのExtentionは除外

VSCode

とりあえずターミナルからVSCodeを起動できるようにする

  1. cmd+shift+pでメニュー開いてInstall 'code' command in PATHをクリック image.png

エディタ用フォント

合字設定はお好みで

  1. cmd+,でユーザー設定開く
  2. 検索Boxにfont入力してfilter image.png
  3. フォントファミリーを設定(名前にスペース含むフォントは囲む)
  4. フォントサイズはお好み
  5. リガチャを有効にする場合はfont Ligaturesの下のsetting.jsonで編集をクリック
  6. "editor.fontLigatures": trueをJSONに追記する

ターミナル用フォント

カスタムテーマ

ファイルアイコン

Git関連

Docker開発の人向け

  • dockerfile&docker-compose シンタックスハイライト、Linter、エクスプローラーvscode-docker
  • RemoteDevelopment sshやLocalコンテナ上にVSCodeの環境を接続 vscode-remote-extensionpack

ファイル周り

その他

  • WebAPIたたいたりするRESTClient
  • キーマップこれじゃなきゃダメって人は(vim,emacs...)ここから

ターミナル

image.png

Macの人はiTerm2が多いのかな?私はOSにかかわらず同じTerminal使いたいのでhyperを推す
インストール方法等は公式見て
Macの人ならbrew cask install hyper一撃(要homebrew)

とりあえずフォントファミリーとサイズを変更

  1. ~/.hyper.jsをエディタで開く(vimでもVSCodeでもなんでもいい、VSCodeで開く場合code ~/.hyper.jsで開ける)
  2. config.fontSize,fontFamilyあたりを編集する スクリーンショット 2020-01-29 10.48.16.png

extentions

hyper i [extentions]でインストール可能

  • hyper-material-theme(テーマ)
  • hyper-tab-icons-plus(タブのアイコンをプロセスごとに変更)
  • hyper-search(標準出力の検索)
  • hypercwd(別タブで開いたときに同じディレクトリで開く)
  • hyper-opacity(背景透過)
  • hyper-pane(パネル分割)

shell

Macのデフォもzshになったことだし、bashのままの人はzsh使ってみよう
fishもいいけどPOSIX非互換でzshに戻った民です
1. 入ってなかったらbrew install zshwhich zsh >> /etc/shells
2. chsh -s [zshのpath] でデフォshell変更
3. oh-my-zshインストールsh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"
4. 好きなプロンプトに変更orインストール(powerlevel10kこれなんでもありで好き)
5. zshプラグインインストール
とりあえずこのあたり

7
11
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
11