Hey, would you like a list of star mainstream MAC suite configuration guides

Time:2020-9-25

“This article will give you an overall introduction to (front-end development) the mainstream commonly used MAC suite ha”

Just started MAC or ready to start friends, do not come to see???

Configuration list of mainstream MAC applications & Tools

Hey, would you like a list of star mainstream MAC suite configuration guides

Quick operation

1 Alfred

<div align=center><img style=”width:90px” />

Efficiency artifact, we use it to help us quickly open applications, files, to calculate, look up dictionaries and so on

I’m used to double-click the command key to open Alfred. In addition to the above, its common functions are as follows: ↓

General use

Web Search

Quickly open the search for what you want, and the configuration is simple

Workflows

Hey, would you like a list of star mainstream MAC suite configuration guides

2 paste

<div align=center><img style=”width:90px” />

Clipboard

Sometimes we need to copy and paste repeatedly, or we want to copy the collection first, and then paste it gradually later. This time, paste is very useful

Whether it’s files, text, links, images, color codes, etc

Press Shift + Command + V to see our copy history, etc., and click to copy it to the sticky board

Hey, would you like a list of star mainstream MAC suite configuration guides

3 magnet

<div align=center><img style=”width:90px” />

Split screen artifact, support a lot of split screen operation

The most commonly used shortcut

Hey, would you like a list of star mainstream MAC suite configuration guides

4 aText

<div align=center><img style=”width:90px” />

Quickly configure your own common shortcut input

Hey, would you like a list of star mainstream MAC suite configuration guides

Screenshots & Videos

Screenshot tagging and screen recording are very common functions. QQ’s screenshots and screen recording are already quite good, and QuickTime’s screen recording is very good

Here we introduce some good screenshot applications and GIF recording software

1 Gifox

<div align=center><img style=”width:90px” />

Support window recording and area recording, recording frame number and other parameters adjustment

Hey, would you like a list of star mainstream MAC suite configuration guides

2 cleanshot

<div align=center><img style=”width:90px” />

It should be the best screenshot tagging and screen recording software at present, and the price is also the most expensive. Hahaha, 29 $(you can spend a week with setapp)

Hey, would you like a list of star mainstream MAC suite configuration guides

3 Gif Brewery

<div align=center><img style=”width:90px” />

If you still need to convert video to GIF, add subtitles and other operations, then you can look at GIF brewery, which can also record the screen.

For example, add copywriting to GIF: ↓

Hey, would you like a list of star mainstream MAC suite configuration guides

Thinking & Design

You need to use drawing tools to design applications, do component library UI, and make some good-looking graphics

Sketch, figma, XD, these are a little bit like Vue, react, angular

I have been using sketch for a long time. UI such as wechat, ant design and element provide sketch design resources. Moreover, sketch itself can be updated and optimized quickly. Ha ha ha ha

1 sketch

<div align=center><img style=”width:90px” />

Drawing diagrams, accumulating your own library, component library, etc. if you want to design an application for yourself on the whole stack, it is not difficult to learn. There are also ideas like our front-end component library, such as symbol, style library, etc

Hey, would you like a list of star mainstream MAC suite configuration guides

Of course, the current figma is also very good, XD is also in rapid development, you can try it out to see which weapon is handy

2 XMind

<div align=center><img style=”width:90px” />

I always used mindnode (harmony version) before, because the previous XMIND gave me the impression that the design was general. Before I went back to have a look at XMIND 2020, really fragrant!!

Look at the picture on the official website

Hey, would you like a list of star mainstream MAC suite configuration guides

The theme of the module provided is more practical and beautiful. The first picture of this article is done with XMIND, with sketch

Writing and notes

1 typora

<div align=center><img style=”width:90px” />

I usually write documents for team project components, forums and blogs (I don’t have this one, ha ha ha ha). Of course, markdown is used, and there are tens of millions of markdown applications. Currently, typora is the best

(this logo is made by myself with sketch. Let me talk about it first, so as not to wonder why typora’s logo is not this one when I download it.)

At present, I think it is the best in two aspects

There is no need to write grammar

Let you focus on writing rather than on what to do with the grammatical format

Quick introduction of pictures

Drag directly into typeora, you can set up to classify the pictures to a certain folder, you can also cooperate with picgo to automatically upload to your own picture bed, so that articles can be directly uploaded to blogs, forums, GIT repositories, etc

Of course, these are just the tip of the iceberg. There are many details and advantages

I’m writing a brochure with typora: ↓

Hey, would you like a list of star mainstream MAC suite configuration guides

About learning + writing record will write a detailed article introduction ha, here first introduce

Impression notes and Youdao dictionary

Reading books, doing projects, watching blogs, wechat and tweets, sometimes there are some inspirations or key points. We use them to record these fragmentary things before sorting them out, and they are in theChrome has plug-insIt is very convenient to collect and record what we want

development

“This section will post the configured code”

1 Homebrew

Homebrew is an indispensable suite manager for Mac OS. Installation software, binary compilation ah what, but domestic friends need to switch to some domestic resources, otherwise it will be very card

Homebrew is mainly composed of the following four parts:

HomeBrew describe
Brew Homebrew source code repository
Homebrew-core Homebrew core software warehouse
Homebrew-bottles Homebrew precompiled binary package
Homebrew-cask Provides MacOS applications and large binary files

The last installation is mostly for graphical interface. Unless you are a terminal agent, you often timeoutHey, would you like a list of star mainstream MAC suite configuration guidesIf you have other ways, please give me some advice

This is the code to replace alicloud source

#View brew.git  Current source
cd "$(brew --repo)" && git remote -v
origin https://github.com/Homebrew/brew.git (fetch)
origin https://github.com/Homebrew/brew.git (push)

#View homebrew- core.git  Current source
cd "$(brew --repo homebrew/core)" && git remote -v
origin https://github.com/Homebrew/homebrew-core.git (fetch)
origin https://github.com/Homebrew/homebrew-core.git (push)

#Modification brew.git  For aliyuan
git -C "$(brew --repo)" remote set-url origin https://mirrors.aliyun.com/homebrew/brew.git

#Modify homebrew- core.git  For aliyuan
git -C "$(brew --repo homebrew/core)" remote set-url origin https://mirrors.aliyun.com/homebrew/homebrew-core.git

#Zsh replaces brew binary image
echo 'export HOMEBREW_BOTTLE_DOMAIN=https://mirrors.aliyun.com/homebrew/homebrew-bottles' >> ~/.zshrc
source ~/.zshrc

#Bash replaces brew binary image
echo 'export HOMEBREW_BOTTLE_DOMAIN=https://mirrors.aliyun.com/homebrew/homebrew-bottles' >> ~/.bash_profile
source ~/.bash_profile

#Refresh source
brew update

Of course, there are many sources of Tsinghua University, China University of science and technology, etc

2 iterm2 + zsh

After installing homebrew, use it to install iterm2 and Zsh

#Installing iterm2
brew cask install iterm2

#Installing Zsh
sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

installOh my Zsh common plug-ins

#Zsh syntax highlighting: command syntax highlighting
git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

#Zsh autosuggestions: automatic completion function
​git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions

#Modify configuration and add plug-in
vi ~/.zshrc

#Find plugin = (GIT), modify:
#Z plug-in is self-contained, used for quick jump between directories, but you need to add it yourself
plugin=(git z zsh-syntax-highlighting zsh-autosuggestions)

#Update configuration
source ~/.zshrc

#Just restart iterm2

About iterm theme, you can adjust what you like online, I’m useless, ha ha ha

This is the powerlevel10k theme + one dark color (picture from the Internet):

Hey, would you like a list of star mainstream MAC suite configuration guides

3 nvm + nrm

nvmIt is the node packet manager of MAC, which is convenient for us to switch different node versions to test

Installation mode 1:

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash

PS: if there is a problem with the installation, you can go to GitHub for detailshttps://github.com/nvm-sh/nvm

After installation, you need to configure environment variables to use

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

Basic usage command

NVM version ා view the current version
NVM install ා install the latest version of NVM
NVM install < version > ා install the corresponding version
NVM uninstall < version > ා uninstall the specified version
NVM use < version > ා switches to use the specified version node
NVM alias node v10.22.0 ා set the default version to v10.22.0
NVM LS ා lists all locally installed versions
NVM LS remote ා lists all versions of remote installation
NVM current ා displays the current version

nrmIs an NPM source manager that allows you to quickly switch between NPM sources

Installation:

npm install -g nrm

PS: if you switch the node version, you need to re install ha, but the source address previously set is unchanged

Basic use:

#View the current optional source, and the one with * is the currently set NPM source
nrm ls
#-------------------------------------------------#
  npm -------- https://registry.npmjs.org/
* yarn ------- https://registry.yarnpkg.com/
  cnpm ------- http://r.cnpmjs.org/
  taobao ----- https://registry.npm.taobao.org/
  nj --------- https://registry.nodejitsu.com/
#-------------------------------------------------#

#Select Taobao source
nrm use tabao

#Add private library source name: yournpm
nrm add yournpm http://www.yournpm.com

#Delete source
nrm del yarn

#Test speed
nrm test taobao

4 postman

Old fellow, I don’t need to introduce this. I haven’t seen any change.Hey, would you like a list of star mainstream MAC suite configuration guides

5 whistle

<div align=center><img style=”width:90px” />

(pronunciation[ˈwɪsəl], Pinyin[wēisǒu])It is a cross platform packet capture debugging agent tool based on node. Take a look at the official figure of GitHub

Hey, would you like a list of star mainstream MAC suite configuration guides

arrangement

1 vanilla

<div align=center><img style=”width:90px” />

Top menu bar management

Hey, would you like a list of star mainstream MAC suite configuration guides

When you install a lot of applications in a mess, you may need it to help you sort out, put the commonly used on the right fixed display, and put the rarely used in the hidden area

2 Lemon Cleaner

<div align=center><img style=”width:90px;” />

Tencent’s MAC conscience app, if you need to clean up some unnecessary cache, big files or something, you can use it. (in fact, my 15 version of MAC, 512g, has been used for 5 years, and I seldom clean it up. Hahaha)


What good applications do you have to introduce to meHey, would you like a list of star mainstream MAC suite configuration guides

Recommendation & Preview

Recommended reading

How to build a small front-end team engineering service environment from 0 to 1

Hey, would you like a list of star mainstream MAC suite configuration guides

Notice

We will recommend one laterMD + mind map five star experience writing package coursePay attention to me, please look forward to it

Thank you for your attention

Finally, I hope I can get your attention~~~

Your little attention is our great motivation, we will continue to push you original and good articles

This is our official account’s two-dimensional code.

Hey, would you like a list of star mainstream MAC suite configuration guides