I try to write how to configure the development environment from very first time on Mac. this blog is a series. if you want to know other development environment, see other blog posts.
- Development Environment on Mac(1) - iTerm & zsh
- Development Environment on Mac(2) - for tools
- Development Environment on Mac(3) - for development
- Configure automatically development environment on Mac via Homebrew and Shell Script
click the link below to go to
iTerm download page.
- iTerm download: Download
you can see the screen like below, click
Stable Releases to download.
zip file you downloaded and install it.
if iTerm asks you
Full Disk Access permission, click
Open System Preferences on the right bottom.
you can see the nice explanation and
Security & Privacy is activated. click the lock shape on the left bottom, and insert your password to make editable.
Privacy on the top tab, and click
Full Disk Accesss on the left list.
+ button on the right side. go to
Applications, and select
iTerm and click
if Mac asks you that you want to quit
Quit Now to quit
after it, check iTerm is executed.
zsh makes Terminal easier to use. if you want to know more details, click the link below.
- zsh official site: zsh
you can find the installation on zsh official site like below.
open iTerm or Terminal and execute the command below.
sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
after installing, you can see the screen like below.
Configure zsh to iTerm Default Terminal
iTerm’s default is to use the basic shell. let’s set iTerm uses basically zsh.
execute iTerm and click
Preferences... on the left top.
you can see the screen like above. click
Profiles tab on the top. insert
Command section on the right middle.
after it, restart iTerm. you can see
zsh is executed by default.
Configure iTerm Theme.
there are many themes for iTerm. you can configure the theme what you want. in here, I’ll introduce how to set
click the link below to download the theme.
when you click the link above, you can see the theme file contents. push
command + s to save it.
before you download it, change to
All Files on
Format on the bottom. and check the end of the file is
open Preferences of iTerm again.
Colors like above, and click
Color Preset... >
import... on the right bottom.
Solarized Dark - Patched.itermcolors file you downloaded above.
Color Preset... again, you can see
Solarized Dark. click it to change the theme.
to show more information on zsh, let’s configure
Powerlevel9k. you can see the screen like below, when you execute current iTerm.
execute the command below to download
git clone https://github.com/bhilburn/powerlevel9k.git ~/.oh-my-zsh/custom/themes/powerlevel9k
zsh’s configuration file is
~/.zshrc. open it and set Powerlevel9k.
find the theme configuration.
# Set name of the theme to load --- if set to "random", it will
# load a random theme each time oh-my-zsh is loaded, in which case,
# to know which specific one was loaded, run: echo $RANDOM_THEME
# See https://github.com/robbyrussell/oh-my-zsh/wiki/Themes
change the theme from
ZSH_THEME="powerlevel9k/powerlevel9k" and save it.
to restart iTerm, you can see the screen like below.
you can see user information and
?. the question mark is shown up when the font is not set. click the link below to go to the font download site.
when you click the link above, you can see the screen lik below. click
View Raw to download the font.
after downloading it, click the font file to execute it.
Install Font on the right bottom to install it. after installing, open Preference on iTerm again and click
Meslo LG M Regular for Powerline what we downloaded above.
when you execute iTerm, you can see the screen like above.
I don’t like to show my long username, so I configured it not showing up. execute the command below if you want to hide it.
add the content below to the bottom.
or you can customize it like below.
POWERLEVEL9K_LEFT_PROMPT_ELEMENTS=(dir_writable dir vcs)
POWERLEVEL9K_RIGHT_PROMPT_ELEMENTS=(status time battery)
you can see the details about the option on the official site.
- official site: https://github.com/bhilburn/powerlevel9k
restart iTerm. you can see the user name not displayed.
Connect vscode and zsh
in here, we’ll set
code command of vscode on zsh, and zsh to vscode’s default terminal on vscode.
Configure vscode command to zsh
execute the command below to open zsh configuration file.
add the content below to the bottom of the settings file.
export PATH="$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin"
restart iTerm and execute the command below to check vscode activated.
Configure zsh to vscode
Settings on the left top of the vscode.
shell and change
Terminal > Integrated > Shell: Osx.
if you see
Edit in settings.json instead of the screen above, click the link and add the content below.
fontfamily and set
Meslo LG M for Powerline on it like below.
after it, to execute Terminal on vscode, you can see zsh executed.
Was my blog helpful? Please leave a comment at the bottom. it will be a great help to me!
Deku created the applications with Flutter.
If you have interested, please try to download them for free.