Before entering the body, we want to cheer for the Chinese Olympic athletes!! Your Olympic spirit, always inspire this we strive to self-improvement!

Hello, everyone. I recently replaced a macpro and re-installed the front-end development environment. A memorandum was hereby written. It is divided into two parts: office software and development software environment. Hope you are not stingy correction, common progress!!

I also encourage you to post your software in the comments section if you think it’s fun and helps improve your development efficiency. Benefit mankind together!!

First, develop the software environment

1. Oh – my – ZSH

Oh My Zsh is an open source, community-driven framework. Oh My Zsh comes bundled with plug-ins that will make your life easier as a software developer and make you feel like a superhero.

  • Install oH-my-zsh with curl

sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

  • Install oH-my-zsh via wget

sh -c "$(wget https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh -O -)"

Git plug-in is often used, which is a very good tool to improve efficiency for those who like to type commands:

Run GST ---->git status to check the current file status. Run gba---->git branch -a to check the current local branch and remote branch. Run gco---->git checkout to switch to the local branch in real timeCopy the code

Git – related shorthand commands

 https://github.com/ohmyzsh/ohmyzsh/tree/master/plugins/git
Copy the code

React-native – related shorthand command

 https://github.com/ohmyzsh/ohmyzsh/tree/master/plugins/react-native
Copy the code

2. Configure the JDK

Download link: www.oracle.com/cn/java/tec…

Note: JDK does not need to configure environment variables on MAC. After downloading DMG, click Install Next. You can run Java -version in Terminal. If the following figure shows, the installation is successful.

On Windows, you need to configure JAVA_HOME and PATH environment variables. I will not repeat it here. Please leave a comment in the comments section.

3. Download git

Download link git-scm.com/downloads

If Github is inaccessible or downloading packages is slow, check out the following articles.

https://zhuanlan.zhihu.com/p/107334179
https://www.jianshu.com/p/b0ebdb399993
Copy the code

Configure git code permissions

Run the following command to create a key: ssh-keygen -t rsa -c "[email protected]" -b 4096 Copy the key: pbcopy < ~/. SSH /id_rsa.pub Verify that the key is successfully configured. ssh -T [email protected]Copy the code

4. Install homebrew

Brew Installation script

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"
Copy the code

Brew uninstallation script

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/HomebrewUninstall.sh)"
Copy the code

Common commands

Brew Install XXX Uninstall software: Brew Uninstall XXX Search software: Brew Search XXX Update software: Brew Upgrade XXX View list: Brew List Update brew: Brew update: brew cleanup: cleans up old versions of all packages: brew cleanup: cleans up old versions of specified packages: brew cleanup $FORMULA Displays old versions of packages that can be cleaned without performing the actual operation: brew cleanup -nCopy the code

5. Configuration NVM

To resolve the incompatibility among node versions

NVM is a tool that lets you install and switch between different versions of Node on the same machine

Installation: two ways

The curl - o - https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash wget -- qO https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bashCopy the code

NVM is now installed under /.nvm

Command:

NVM ls-remote: lists all available node versions. NVM install v10.4.0: installs the specified node version. NVM use v10.3.0: switches the node version. Current Node version NVM ls: Lists all installed node versionsCopy the code

6. Install the Node environment

One is to use NVM for installation

NVM install v10.16.3 NVM use 10.16.3Copy the code

The other option is to download the node installation package from nodejs.cn/

Use the following command to check whether the installation is successful

node -v
npm -v
Copy the code

7. Configuration of yarn

Facebook contributed Javascript package manager.

Applicable to the domestic network environment

Install command: curl - o - https://yarnpkg.com/install.sh | L bashCopy the code

For details about the YARN command, see the following link:

Juejin. Cn/post / 699173…

8. Download vscode

Download link:

https://az764295.vo.msecnd.net/stable/c3f126316369cd610563c75b1b1725e0679adfb3/VSCode-darwin-universal.zip
Copy the code

You can refer to the link below for problems with slow downloads

Juejin. Cn/post / 699172…

Configure VScode termial to display ZSH by default

9. The FTP tool FILEZILLA on the server

Download link: https://www.filezilla.cn/download/clientCopy the code

Download androidstudio. 10

Download link: https://developer.android.google.cn/studio/ download link: https://www.androiddevtools.cn/Copy the code

11. The configuration of the android SDK

After installing androidStudio. Open an existing Android project. The software will automatically guide you to install the required version of the Sdk

It can also be downloaded from the following link:

Download link: https://www.androiddevtools.cn/Copy the code

12. The adb

Enter sudo vim ~/. Bash_profile in the terminal to open the.bash_profile file. Press I to enter input mode and add the following at the end of the file contents:

export PATH=${PATH}:/Users/xxx/Library/Android/sdk/platform-tools 
export PATH=${PATH}:/Users/xxx/Library/Android/sdk/tools
Copy the code

XXX is modified according to the actual user name

Then hit Esc, type :wq and press enter (save and exit the text).

After adding, enter source ~/.bash_profile to apply the change.

Test input: ADB Devices

List of devices attached
* daemon not running. starting it now at tcp:5037 *
* daemon started successfully *
Copy the code

The Android ADB command is now available.

13. Update the new MacOS and Xcode

As of 26 April 21, all new iOS/iPadOS apps submitted must be built using Xcode 12 and iOS 14 SDK, The iOS 14 SDK features App Clips, home screen widgets, ARKit, RealityKit, and more.

So if you have less than 12 versions of Xcode on your MAC, you need to upgrade. Also update the MacOS version.

The version I’m using now is:

Macos - > 11.5.1 xcode - > 12.5.1Copy the code

14. Install Jenkins Continuous integration

Download link: Jenkins. IO /Copy the code

Continuous integration packaging tutorial for Android and ios. I will summarize and share with you in the next few days. Stay tuned!

Two, office entertainment software

1. Download wechat ~ the most popular communication tool

Download address – own Baidu

2. Download qq~80 generation communication tools

Download address – own Baidu

3. Download Chrome

Download address – own Baidu

4. Configure sogou input method ~ in line with Chinese typing habits

Download address – own Baidu

5. Youdao Cloud Notes ~ summarize and record at any time

Download address – own Baidu

6. Clean up junk software ~ improve computer efficiency

Download address – own Baidu

It would be impossible to do without music

Download address – own Baidu

8. Youdao Translation ~ You can translate English documents at any time

Download address – own Baidu