希望能幫到剛接觸mac的朋友們，最少程度地安裝程式與修改系統配置，防止安的多錯的多，或因安裝順序不合理導致出錯。
剛用mac的朋友可以先看看列出的mac常用操作，再從安裝谷歌瀏覽器開始，按順序安裝，有的有依賴關係。必裝和非必裝、必看和非必看都已標明。
首先列幾個常用mac操作，不需要完全搞懂，有個印象後開始裝機流程。
如果後面操作很懵可以先看看linux系統命令行，和windows還是有差別的。
軟體檢視：啟動臺（那個灰色小火箭），能看到所有軟體
設定：設定（灰色齒輪），所有設定都在裡面
兩種安裝形式：
注：安裝時若跳出「開啟來自身份不明開發者的 mac 應用」的警告。
改 mac 上設定-安全性與隱私-通用-偏好設定，把攔截解決掉。
mac安裝東西或者很多其他操作都會要求輸入電腦密碼，輸入就行。
解除安裝軟體：
訪達-應用程式-拖**標到廢紙簍，就是解除安裝軟體。
windows可以在當前資料夾內右擊，或者在鏈結輸入cmd即可調出命令列，且會定位到當前路徑。
mac沒有這個功能，mac是開啟終端，只能從最外層，cd空格，輸入資料夾前幾個字母，按tab鍵，會自動補全路徑，再輸入資料夾前幾個字母，按tab鍵，再自動補全路徑。
後面講的autojump能簡化操作，可以了解一下。
cd documents/gitcode/ddd
mac有個sudo狀態，大概是管理員許可權。
sudo npm install ****** -g
例子：進入.zshrc介面後，
輸入i進入編輯模式，類似於在命令列改txt文件；
按esc退出編輯模式；
之後輸入:x，點回車，關閉.zshrc。（切記：輸入:x的時候，輸入法設為英文）
要鄭重的對待這個操作，相當於直接在改系統檔案，搞炸了怕是得重灌。
【mac基本操作了解一下後，從谷歌瀏覽器開始裝機】
常用外掛程式 （非必裝，挑挑）
可以把預設的一些輸入法刪掉。
mac的切換輸入法是control+空格，切換中英文是shift。
詞庫 （非必裝）
前端常用詞庫.scel
前端工程師必備詞庫.scel
大部分開發人員使用的命令列軟體。
官網：
官網github
官網：包管理工具，類似於node下的npm。用來安裝管理大部分的無介面的工具，如node，git，python等。
官網最新的安裝命令，命令以官網為準，會變。
/bin/bash -c "$(curl -fssl "
homebrew cask 安裝後可安裝有介面的軟體，我裝失敗了，暫時感覺不裝也ok）
安裝brew install git
git初始設定
git config --global user.name "your name"
git config --global user.email [email protected]
您的姓名和郵件位址基於登入名和主機名進行了自動設定。請檢查它們正確
與否。您可以對其進行設定以免再出現本提示資訊。執行如下命令在編輯器
git config --global --edit
設定完畢後，您可以用下面的命令來修正本次提交所使用的使用者身份：
git commit --amend --reset-author
您的姓名和郵件位址基於登入名和主機名進行了自動設定。請檢查它們正確
與否。您可以對其進行設定以免再出現本提示資訊：
git config --global user.name "your name"
git config --global user.email [email protected]
設定完畢後，您可以用下面的命令來修正本次提交所使用的使用者身份：
git commit --amend --reset-author
執行命令重置git使用者名稱和密碼，然後再次輸入使用者名稱和密碼
git config --global credential.helper osxkeychain
git config --global user.name "your name"
git config --global user.email [email protected]
zsh：在bash的基礎上改進的終端
oh-my-zsh：綜合的管理工具，讓zsh複雜的設定變得簡單
zsh (系統自帶需更新)
mac中自帶非最新版本的zsh，用brew install zsh公升級。（必公升）
iterm2預設用的是系統自帶的bash，輸入命令chsh -s /bin/zsh切換成zsh。（必切）
oh-my-zsh （必裝）
安裝、更新
官方安裝命令：（必裝）
sh -c "$(curl -fssl "
更新命令，可以先不更新：（非必裝）
upgrade_oh_my_zsh
zsh和oh-my-zsh安裝好後，編輯配置檔案，修改環境變數 （必改）
zsh和oh-my-zsh安完後，配置的環境變數（adb）不起作用了，執行source .bash_profile後，
adb可以用了，但是終端全部關閉後，再輸入adb，又不起作用了。
點進下方大佬的文章，修改環境變數。（必改）
後期有興趣具體了解環境變數的朋友可以看看下方鏈結 （非必看）
item2主題、外掛程式、別名 （非必裝）
autojump （非必裝）
（我裝失敗了，但是有了會方便。需要的話參考大佬的教程搞起來）
和zsh結合使用，進入很深的目錄，不需要不斷的cd進去，而是用快捷鍵進去。
例如進目標目錄a/b/c/d/e，可以直接用j e命令進去。
（建議必裝，因為我不會直接裝nodejs）
nvm是nodejs的版本管理工具，裝完nvm再用nvm裝nodejs。
直接看大佬的安裝流程，**安裝。主要包括nvm，node，npm之間的區別、nvm 安裝、可能出現的問題、nvm常用命令
裝node.js （必裝，依賴於nvm）
nvm install stable
全域性裝包 命令格式
sudo npm install ****** -g
外掛程式 ( 非必裝，挑挑 )
設定（設定的json內設定，可參考非必須）
,
"eslint.validate": [,,
],"window.zoomlevel": 0,
"terminal.integrated.shell.windows": "c:\\windows\\sysnative\\bash.exe",
"terminal.external.window***ec": "c:\\windows\\sysnative\\bash.exe" ,
"files.associations":
}
強大的文字編輯器，裝上外掛程式能支援markdown。
sublime text 3改變背景顏色
preferences–>color scheme–>任意選擇乙個子項即可
外掛程式安裝方式
需要重啟軟體才生效
sublime支援markdown
（我暫時只安了markdownediting，具體安裝見上方部落格）
sublime如何快速進行**摺疊
編輯-**摺疊（倒數第四）-前是摺疊後是展開
關於sublime一些常用的快捷鍵
sublime text 3 無法安裝package control外掛程式解決辦法
抓包工具，不付費的話半小時會自動退出，重開即可。
官網：
mac在終端直接使用root許可權
使用sudo
sudo npm install
啟用root使用者
sudo passwd root
登入root使用者
su root
視窗最小化視窗 快捷鍵
command+m，快速最小化當前視窗
command+option+m，快速最小化所有視窗
系統偏好設定——通用 可以設定雙擊視窗標題欄最小化當前視窗。
瀏覽器瀏覽器強制重新整理
mac下的瀏覽器類似windows中ctrl＋f5的不請求快取重新整理頁面的快捷鍵
正常方式：
【****f】+【command】+【r】
如果改過快捷鍵的：
【fn】+【shift】+【command】+【f】
瀏覽器縮放
command +
Mac前端裝機必備之 Charles
charles是一款收費的抓包修改工具，易上手，資料請求容易控制，修改簡單，抓取資料的開始暫停方便等優勢！下面詳細介紹下這款強大好用的抓包工具。以下兩個操作時必須的 如不你公升級了系統，設定下沒有任何 這個選項。解決辦法 在終端下 執行 sudo spctl master disable 開啟cha...
前端開發流程與元件化
1元件化開發 元件分開發是非常重要的工程優手段。也是react開發必備技能。前端光有js css的模組化還是不夠的。對於ui元件同樣迫切的需求 前端元件化開發理念 如上圖所示這就是前端元件開發理念，下面我們來總結一下 1 頁面上的每個獨立的可視。可互動區域視為作乙個元件 2 每個元件對應乙個工程目錄...
js前端操作checkbox賦值與取值
上 1 執行時間上的區別 window.onload必須等到頁面內 包括的 所有元素載入到瀏覽器中後才能執行。而 document ready function 是dom結構載入完畢後就會執行。2 編寫個數不同 window.onload不能同時寫多個，如果有多個window.onload，則只有最...