Front end programmer Mac ultrafast installation guide


Recently, the company's computer has been upgraded. The company has equipped a 16 inch New mbp. After the original 15 inch mbp is purchased, all the hard disks are cleaned and used by myself, which means that I have to install the computer twice. The installation of the programmer's computer means that a large number of configurations, software and plug-ins need to be set, which is easy to be omitted. After installing one machine and before installing the second machine, it is specially sorted out and shared for your reference, I'm a front-end programmer, so maybe part of the content is more suitable for the front-end, so we can choose by ourselves.

basic content


Entering git command in mac terminal will prompt you to install xcode, but xcode is very large, and front-end programmers don't need it very much, so you can only install git through the following command.

$ xcode-select --install
$ git init
 Copy code


If you change the host configuration yourself, it will improve, but it is limited. It is recommended to buy vpn

# GitHub Start
# GitHub End

Copy code

Many people solve the problem of slow speed by setting ip, but many times, even if ip is set, the clone is still very slow. Here I recommend the following methods to be easy to use.

You can put the original

git clone
 Copy code

Change to:

git clone
 Copy code

My profile

First clone some configuration information to help the quick installation in the form of some scripts (this set of configuration is the configuration information of the great God of Fengcheng in my team. I fork down some modifications. If there is a customization demand, I can fork it down for modification)

$ git clone
$ chmod +x *.sh
 Copy code


For a new computer and a new ssh key, enter the password after execution

$ ssh-keygen -t rsa -C ""
Copy code


Enter the dot files file under the clone

cd dot-files
 Copy code

Install homebrew
Direct use homebrew The address provided may be blocked or slow
You can install through my configuration and make sure you are in my dot files directory before using

/bin/bash ./brew_install
 Copy code

(100% success is not guaranteed. If not, please find another method to install it by yourself)
I often get stuck in this step when I use it personally


Click ctrl+c to close and restart. Some downloaded will be downloaded quickly. If you restart, this error will appear


First execute the following command and replace your name with your folder name


$ rm /Users/youname/Library/Caches/Homebrew/portable-ruby-2.6.3_2.yosemite.bottle.tar.gz
$ /bin/bash ./brew_install
 Copy code


Directly through iTerm2 official website Download and decompress to use



iterm2 adjustment

to configure

$ cp iterm2 ~/Library/Application\ Support/iTerm2/DynamicProfiles/
Copy code

Settings take effect

After restarting iterm2, you should be able to see the imported configuration in the Preferences > profiles interface

Additional shortcut keys:

  • alt + →: move the cursor right one word
  • alt + ←: move the cursor right one word
  • alt + del: delete a word

Some settings can be referred to








install oh-my-zsh

$ sh 
Copy code

Install the highlight plug-in

$ git clone ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting
 Copy code

zsh configuration

$ cp .zshrc ~/.zshrc
$ source ~/.zshrc
 Copy code


I use SpaceVim

$ curl -sLf | bash -s -- -h
 Copy code

It is recommended to reinstall the VIM to cover the system vim

$ brew reinstall vim
 Copy code

SpaceVim configuration

$ cp .space-vim.toml ~/.SpaceVim.d/init.toml
 Copy code


node version management push nvm

curl -o- | bash
 Copy code

nvm loads lazily to increase the speed of opening zsh for the first time. Please choose to add it according to the actual situation, which will affect the default nvm instruction. Just replace the content put into zshrc by nvm (CP. Zshrc ~ /. Zshrc has been executed and can be ignored)

export PATH="~/.nvm/versions/node/v10.14.2/bin:$PATH"

   unfunction "nvm"
   [ -s "$NVM_DIR/" ] && \. "$NVM_DIR/"   # This loads nvm
   [ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_↷

   nvm "$@"
Copy code

node npm

$ nvm install 10
$ nvm alias default 10
 Copy code

Install npm global dependencies. See the file brew casts for the installation list

$ ./
$ nrm use taobao
 Copy code


Installing yarn using brew

$ brew install yarn --without-node
 Copy code

brew install other software

Install the software through brew. It is recommended to install it finally. See the file brew casts for the installation list

$ ./
 Copy code



$ brew tap homebrew/cask-fonts
 Copy code

Font recommended Fira Code

$ brew cask install font-fira-code
$ brew cask install font-meslo-for-powerline
$ brew cask install font-sarasa-gothic          # More gauze blackbody
 Copy code

Tool software



Start vscode with the code command
Open Command + shift + p input shell




Migration plug-in and configuration information
Via Settings Sync extension


chrome browser
google accounts can migrate all information, including browsing records

Microsoft Edge
This really smells good. Whoever uses it knows. Anyway, I use Edge for all my spare time activities except chrome at work


Screenshot artifact, snipaste official website

set up file

$ cp .snipaste ~/.snipaste/config.ini
 Copy code

Shortcut key

  • ⌘ + ⌃ + a: screenshot


Copy paste artifact
Will record the history you copied ⌘ + shift + v select the paste content


Posted by helz on Wed, 25 May 2022 04:51:56 +0300