一、XCode蛛株，Xcode command lines tools
$ xcode-select --install
按照指引安裝即可
如果你不做 Obj-C 開發(fā)，可以跳過 XCode 的安裝育拨，直接去下載 Xcode command line tools 來安裝即可谨履。
二、Homebrew
Homebrew 是 Mac 上最受歡迎的[包管理工具]
熬丧！在此之前屉符，必須保證 Xcode command line tools
安裝命令
$ ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
安裝完成之后將 Homebrew 的可執(zhí)行命令添加到環(huán)境變量中
$ echo 'export PATH="/usr/local/bin:$PATH"' >>? ~/.bash_profile
簡單使用
1、$ brew install?# 安裝包
2锹引、$ brew update# 更新包目錄
3矗钟、$ brew outdated# 查看需要更新的包
4、$ brew upgrade?# 更新包
5嫌变、$ brew list# 查看已安裝的包
三吨艇、Homebrew Cask
相當(dāng)于homebrew上面的一個擴展，裝這個之后腾啥，能安裝大部分有界面的軟件东涡，如QQ，teamviewer這種倘待。?
其實不安裝也可以安裝那些軟件疮跑，但是要麻煩一些。輸入軟件之前要先搜索出軟件的路徑凸舵，一般都在caskroom下面祖娘。。?
安裝命令：
brew tap caskroom/cask2021 update
brew tap caskroom/cask => brew tap homebrew/cask
四啊奄、zsh
被譽為終極終端的終端渐苏。在bash的基礎(chǔ)上改進(jìn)了一些實用的功能。詳細(xì)(中文)介紹請戳這里菇夸。
mac中自帶zsh琼富，但是好像不是最新版本，所以我用brew install zsh升級了一下庄新。
但是這個時候你的iTerm2用的還是原來系統(tǒng)自帶的bash鞠眉，這個時候可以輸入以下命令切換成zsh：
chsh -s /bin/zsh
五薯鼠、oh-my-zsh
當(dāng)然你肯定還需要這個好用的綜合管理工具，讓你的終端更高效械蹋。
安裝命令：
sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
安裝完成后編輯.zshrc人断，將source指向.bash_profile
# source
source ~/.bash_profile
.zshrc的其他配置將與其他環(huán)境安裝同步進(jìn)行
六、liunx命令別名
由于mac無法使用liunx下的ll朝蜘，la，l等命令涩金，故將其設(shè)置為別名方便操作
編輯.zshrc，添加以下內(nèi)容：
# linux
alias ll='ls -alF'
alias la='ls -A'
alias l='ls -CF'
當(dāng)然了步做，還可以根據(jù)你個人習(xí)慣添加更多
alias cls='clear'
alias ll='ls -l'
alias la='ls -a'
alias vi='vim'
alias javac="javac -J-Dfile.encoding=utf8"
alias grep="grep --color=auto"
alias -s html=mate? # 在命令行直接輸入后綴為 html 的文件名副渴，會在 TextMate 中打開
alias -s rb=mate? ? # 在命令行直接輸入 ruby 文件煮剧，會在 TextMate 中打開
alias -s py=vi? ? ? # 在命令行直接輸入 python 文件草娜，會用 vim 中打開懂更，以下類似
alias -s js=vi
alias -s c=vi
alias -s java=vi
alias -s txt=vi
alias -s gz='tar -xzvf'
alias -s tgz='tar -xzvf'
alias -s zip='unzip'
alias -s bz2='tar -xjvf'
七、nvm
nvm作為node的版本管理工具當(dāng)然必不可少
go： https://github.com/creationix/nvm
get install：找到Install script模塊，找到安裝命令如：
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh|bash
（ps：版本號根據(jù)你處的時代不同而變化，enjoy）
安裝完成后將nvm環(huán)境變量添加到.zshrc中：
# nvm
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"? # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"? # This loads nvm bash_completion
八、Node
通過剛才裝的nvm安裝nodejs
nvm use：
nvm install node? ? ? ? ? #? "node" is an alias for the latest version（安裝最新版本node）
nvm install?v11.10.0? ? #? 安裝指定版本node
nvm uninstall v11.10.0? ? #? 卸載指定版本node
nvm use?v11.10.0? ? ? ?#? 使用指定版本node
nvm ls? ? #? 查看安裝的node版本列表
nvm --version? ? #? 查看安裝的nvm版本號
安裝完成之后查看node版本號：
node -v? ? ?#? 如有則說明安裝成功，如需切換請使用nvm use
九庄呈、npm
npm是跟隨node一起安裝的
升級npm請使用
npm install npm -g
ps：npm日常使用命令不在此篇討論范圍內(nèi)
十伪冰、nrm
nrm是一個npm源管理器，允許你快速切換npm源
此時可以使用nvm將node切換到你想要版本下
全局安裝nrm：
npm install -g nrm
nrm use：
nrm --version? ?#? 查看nrm版本號
nrm ls? ?#? 查看當(dāng)前源列表
nrm use ***(cnpm)? ? #? 切換到某個源
nrm add ***(源名靡狞，如：snpm) ***(源地址耻警，如：http://registry.npm.souche-inc.com/)? ? #? 添加某個源
nrm del ***(源名：snpm)? ? ?#? 刪除某個源
nrm test ***(源名：npm)? ?#? 測試某個源的速度
十一、yarn
同樣的此時可以使用nvm將node切換到你想要版本下（如已在請忽略）
全局安裝yarn：
npm install -g yarn
yarn use：
yarn -v? ? ? ? ?#? 查看安裝的yarn版本號
yarn config get registry? ? ? ? #? 查看當(dāng)前yarn設(shè)置的源
yarn config set registry ***(http://registry.npm.souche-inc.com)? ? #? 設(shè)置源
５榕隆８蚀！當(dāng)nrm或yarn其中一個設(shè)置源之后梢杭，兩者同時生效切換
可以將查看命令添加到zsh的alias快捷操作中
# yarn
# 查看當(dāng)前源
alias yarn-cget='yarn config get registry'
這樣你就可以通過yarn-cget命令快速查看當(dāng)前yarn設(shè)置的源啦温兼，enjoy
ps：yarn日常使用命令不在此篇討論范圍內(nèi)
十二、安裝3個讓你更加高效的zsh輔助
他們就是autojump武契、zsh-autosuggestions募判、zsh-syntax-highlighting
首先來看autojump荡含，這是一個能夠讓你在shell中快捷跳轉(zhuǎn)打開文件或目錄的插件
操作：光標(biāo)停留在shell上想要open的文件上方，command + click即可open
安裝：
brew install autojump
設(shè)置環(huán)境變量到.zshrc：
# autojump
[[ -s ~/.autojump/etc/profile.d/autojump.sh ]] && . ~/.autojump/etc/profile.d/autojump.sh
source /Users/dasouche/zsh-syntax-highlighting/zsh-syntax-highlighting.zsh
再來是zsh-autosuggestions届垫，自動提示補全你的歷史命令
安裝：
git clone git://github.com/zsh-users/zsh-autosuggestions $ZSH_CUSTOM/plugins/zsh-autosuggestions
最后是zsh-syntax-highlighting释液，自動高亮可用命令及警告錯誤的命令
安裝：
git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting
3個插件都安裝完成之后，將3個插件添加到oh-my-zsh的plugins中
編輯.zshrc装处，找到
# Which plugins would you like to load?
# Standard plugins can be found in ~/.oh-my-zsh/plugins/*
# Custom plugins may be added to ~/.oh-my-zsh/custom/plugins/
# Example format: plugins=(rails git textmate ruby lighthouse)
# Add wisely, as too many plugins slow down shell startup.
plugins=(git ...plugins)
在最后這行添加剛才安裝的3個查看 ==>
plugins=(git autojump zsh-autosuggestions zsh-syntax-highlighting)
十三误债、vscode
go vscode官網(wǎng)下載并安裝
13.1、漢化：
shift+command+p打開命令面板輸入language選擇Configure display language(配置顯示語言)
在打開的locale.json文件中修改locale字段為zh-CN妄迁，保存
在擴展中搜索Chinese寝蹈，找到Chinese (Simplified) Language Pack for Visual Studio Code，安裝
ok判族，perfect！
13.2项戴、規(guī)范
雙空格為一個tab
在用戶設(shè)置json（首選項-設(shè)置）中添加
"editor.tabSize": 2
13.3形帮、插件
Beautify? ? ?#? 美化代碼
Bracket Pair Colorizer? ? ?#? 不同顏色的清晰括號
ESLint? ? ?#? 不解釋了
TSLint? ? ?#? 不解釋了
GitLens — Git supercharged? ? ?#? ?查看每一行代碼的git提交記錄，讓讓你加班的人無所遁形
HTML CSS Support? ? ? #? ?html周叮，css自動補全等辩撑，在用戶設(shè)置json（首選項-設(shè)置）中添加
"editor.parameterHints": true,
"editor.quickSuggestions": {
? ? "other": true,
? ? "comments": true,
? ? "strings": true
}
koroFileHeader? ? ? ?#? 快捷注釋，在用戶設(shè)置json（首選項-設(shè)置）中添加
"fileheader.customMade": { // 頭部注釋
? ? ? "Description": "Settings Edit",
? ? ? "Author": "zsc",
? ? ? "Date": "Do not edit", // 文件創(chuàng)建時間(不變)
? ? ? "LastEditors": "zsc", // 文件最后編輯者
? ? ? "LastEditTime": "Do not edit" // 文件最后編輯時間
? ? },
? ? "fileheader.cursorMode": {? // 函數(shù)注釋
? ? ? "description": "描述",
? ? ? "param": "`參數(shù)名` `參數(shù)描述`",
? ? ? "success": "{string}",
? ? ? "failure": "{object}"
? ? },
? ? "fileheader.configObj": {? // 注釋配置
? ? ? "createFileTime": true, // 默認(rèn)為此文件的創(chuàng)建時間仿耽，設(shè)為false更改為當(dāng)前生成注釋的時間
? ? },
koroFileHeader快捷鍵使用：
在文件頭部添加注釋：window：ctrl+alt+i, mac：ctrl+cmd+i
在光標(biāo)處添加函數(shù)注釋：window：ctrl+alt+t, mac：ctrl+cmd+t
markdownlint? ? ?#? ?建立良好的markdown規(guī)范合冀，優(yōu)化你的md文件
npm Intellisense? ? ? #? ?貌似新版vscode已經(jīng)集成了
Path Intellisense? ? ?#? ?還在為import文件路徑煩惱？
Sublime Text Keymap and Settings Importer? ?#? 如果你更習(xí)慣sublime的操作的話
Vetur? ? ?#? ?vue開發(fā)者必備
VSCode Great Icons? ? ? #? ?美麗的icon也讓心情更美麗项贺，請在在用戶設(shè)置json（首選項-設(shè)置）中添加
"workbench.iconTheme": "vscode-great-icons"
VueHelper? ? #? ?嗯君躺，語法提示
ES7 React/Redux/GraphQL/React-Native snippets? ? ?#? ?as short as fast
React Native Tools? ? ?#? ?for RN
...more as you like
13.4、語法支持
js开缎、jsx文件中自動補全html
在用戶設(shè)置json（首選項-設(shè)置）中添加
"emmet.includeLanguages": {
? ? "vue-html": "html",
? ? "javascript": "javascriptreact"
},
13.5棕叫、主題
shift+command+p打開命令面板輸入theme找到Color Theme(主題顏色)，選擇Monokai或者你喜歡的都o(jì)k
在擴展中也可以搜索你喜歡的主題奕删，擴展主題安裝后請在用戶設(shè)置json（首選項-設(shè)置）中添加
"workbench.colorTheme": "xxx"
over
enjoy
