前端上手M1芯片Mac測評（基礎篇）

前端上手M1芯片Mac開發測評

• 我以前的電腦：15年Mac pro，15寸 16G 256G配置
• 如今電腦 M1芯片 13.3寸 16G 256G配置
• 先說上手後的體驗

體驗

• 相對於老款來講，總體科技感會更好，可能由於我此次買的是深灰色
• 總體流暢度差很少，不過發熱和續航能力強了不少，重度使用了8個小時，還有50%電量
• 反應靈敏，鍵盤溫馨。相對於老款的13寸蝴蝶鍵盤提高很大，同事摸了下鍵盤就下單了。（它的是蝴蝶鍵盤，可是個人不是）
• 平常使用、開發軟件基本兼容，除了極個別的使用起來不如x86的體驗好（例如easyconnect，就時好時很差的）.
• 若是你的Mac還能用，不是特別差的，不建議你更換，由於目前若是你重度的使用起來，一些環境、工具軟件可能仍是會遇到一些問題。好消息是Node.js和Electron都是沒問題的瞭如今,相信明年是能夠完全解決那些兼容性問題，包括如今Arm的MAC能夠運行win10
• M1運行win10地址：

https://forums.macrumors.com/threads/success-virtualize-windows-10-for-arm-on-m1-with-alexander-grafs-qemu-hypervisor-patch.2272354/

像docker和react-native，flutter這些我目前暫時就不想再去碰他們了，不在本次測評範圍內，就說平常開發吧.

上手安裝環境

• 前端拿到一臺電腦/服務器，第一件事是什麼？固然應該先裝nvm，Node.js是前端之源,沒有它就沒有工程化環境.大部分項目就跑不起來，因爲種種緣由，安裝完了nvm後，會自動帶上arm這個字段去node官網下載對應的版本，可是如今node官網其實沒有/node/arm/12.16.1這種連接，因此會下載不了。
• 外面不少人說只有14.x版本arm架構的才能用，可是我成功安裝了12.16.1版本的node（這裏是臨時方案，因爲我已經統一咱們公司項目的node版本，因此我用不到其餘版本node,實際業務中，必定要用nvm管理node版本）,你們經過下面的地址進去找到pkg的包，就能夠安裝使用了.(其餘版本也是同理，更改版本號找到pkg安裝就能夠了)

https://nodejs.org/en/blog/release/v12.16.1/

node版本不統一，會帶來不少環境上的問題，例如c++插件，A同事在它機器上編譯了，使用的12版本，B同事拉下來，用的13版本，那麼B同事極可能就跑不起來。還有就是webpack、node.js原生api和第三方庫的不兼容等等，因此無論服務器仍是本身電腦上都要用nvm管理node版本，它的原理也很簡單，經過下載後把不一樣版本的node.js放在.nvm路徑下的不一樣文件夾中隔離

• 裝完node裝vscode，直接官網下載，沒什麼兼容性問題，插件也都正常運行
• 裝好了vscode,就裝yarn,直接執行

npm i yarn -g

• 裝完了yarn,就要裝git了。怎麼裝呢？直接終端輸入下面的命令就能安裝了（牛逼）

git

• 裝好了git,就要裝谷歌瀏覽器了，直接官網下載，安裝無兼容性問題
• 裝好了谷歌瀏覽器，就能夠跑項目了。直接

yarn 
yarn dev
...

• 項目就這樣跑起來了，是否是很簡單。

難道就這？

• 我特地沒有對Mac進行數據轉移，而是從新開始安裝，下面開始裝生活軟件
• 裝音樂，QQ音樂，網易雲，直接app store下載，沒問題
• 裝上網工具，完美兼容
• 裝QQ 微信 企業微信 沒問題 直接app store下載，沒問題

裝雲遊戲，我要打LOL

• 直接百度 START 官網下載騰訊雲遊戲平臺
• 安裝後直接打開LOL，完美運行

爲何我沒有裝複雜的環境

• 由於我以爲如今複雜的環境安裝確定會多多少少有點問題，會踩坑，這套環境能知足我目前的開發需求，我是個前端，不是後端
• 因爲Electron已經支持M1,市面上不少軟件都是基於Electron.因此兼容是早晚的事
• 對於一些例如docker之類的兼容，我相信應該很快會有人解決

發熱&續航

• 我使用了8個小時後，還剩下百分50的電量，發熱基本感覺不到
• 很是輕量方便攜帶，不過打字有時候感受會出來時候卡頓一下
• 普通前端開發，已經能徹底適配了，可是你要思考一個問題，低版本的node.js我沒有嘗試是否能運行。還有你的那些環境有沒有依賴那種比較重的工具（有兼容性風險）

最後

• 若是你喜歡Mac，並且手裏的比較舊了，用起來很卡，那麼推薦更換，若是還能用用，就不建議更換了。換在一年前我是不敢換的，一套很複雜的環境，幾個跨平臺技術+那套後端環境，M1環境可能仍是有些問題，若是你的環境也很複雜，那麼建議仍是等等
• 後面我會慢慢裝好個人那套後端環境，還有xcode、RN、flutter那些環境，到時候再寫一篇。