① M1晶元Mac搭建前端開發環境
M1晶元出來了有一段時間了,各類軟體的兼容性已經跟進的差不多了,迫於 M1 實在太香,我的 M1 Macbook 也於本周到達了我的手上。在花費了兩三個小時搭建完開發環境後,立馬用它開始幹活了。這幾天的感受只有寥寥一語可以概括:太 TM 香了!太強了
作為一個前端開發者,我可以負責任的說前端開發的場景 M1 已經可以完全覆蓋,並且體驗非常好。目前我依賴的開發環境,並且已經跑在 M1 Mac 上的如下:適配 m1 的 Vscode Insiders 版本 + Node v15(on arm) + Node v14 (on intel) + Nvm + Cocoapods + Xcode + Flutter。可以看到,大前端這一套是完全能夠覆蓋的。
我在 github 的 issue 中經常看到有關於 m1 安裝環境的問題,為了幫助不願意翻 issue 的開發者,遂決定寫下這篇文章記錄前端環境的搭建問題。
我會從以下幾個步驟來記錄:
Xcode 是蘋果開發者工具,是一個功能非常強大的 IDE,可以用來開發蘋果應用,並且自帶了 git 環境, 並且有咱們後續依賴的 Xcode Command line tool , 先進入 app store 中安裝 Xcode。安裝好之後再進入後續步驟
如果你是一個 mac 老用戶,那自然不用我介紹什麼是 Homebrew 。若是你是一個新用戶,那麼請你一定要安裝 Homebrew ,並使用它來管理 Mac 中的各類環境依賴。通過👇的命令即可安裝 Homebrew
在終端中執行如下命令安裝 Homebrew,安裝 Homebrew 的時候,常常會因為網路問題導致安裝失敗,這個問題只能依賴大家自行解決科學上網了。
Nvm 是一個管理 Node 版本的工具,當項目多了以後,總會碰到需要切換 Node 環境的時候,所以推薦大家使橋含用 Nvm 來安裝 Node。
若是你已經按上述步驟安裝好了 Homebrew,那麼你可以直接通過 Homebrew 的命令輕松安裝 Nvm
若是你不想使用 Homebrew 管理依賴,那麼用 👇 的 curl 直接安裝 Nvm 也是可以的
安裝好 nvm 後,需要將環境變數寫入我們的 shell 配置文件中。
如果你的默認 shell 的 zsh,那麼將環境變數命令復制進 .zshrc :
如果不使用 zsh,那麼將環境變數復制進 bash 中,通過如下命令創檔備建 bash_profile,並且編輯 bash_profile。
最後將以下環境變數腳本 進 shell 配置文件中:
至此 Nvm 已經安裝好,可以嘗試在命令行中輸入 nvm,你可以看到 nvm 已經正常工作了。
接下來我們通過 nvm 來安裝 Node,我們先安裝適配了 M1 的 node 版本。
該命令運行完後,會執行很久,編譯 node ,大家耐心等就好了,大概需要 5-10 分鍾,就會提示安裝成功。再提醒一句,報任何錯誤,首先先檢查是不是網路問題,例如 443 、 connect timeout 等,如果是網路問題,建議科學上網。
安裝 Node 的部分寫的很簡單,因為按這個步驟,一般不會出問題。而當你用 nvm 嘗試去安裝 v14 及以下的 Node 版本時,大概率會報錯,而我們在工行消毀作中恰恰又可能依賴 v14 及以下的 lts 版本。那麼為什麼會報錯呢?究其原因還是因為低版本的 node 並不是基於 arm64 架構的,所以不適配 M1 晶元。在這里教大家兩個方法,就能成功安裝上低版本 Node。
在終端中,輸入:
通過這個命令可以讓 shell 運行在Rosetta2下。
之後你可以通過 nvm install v12 來安裝低版本 Node。
在此之後,您可以不用在 Rosetta2 中就可以使用安裝的可執行文件,也就是說,您可以將 Node v15與其他節點版本互換使用。
方法二就是通過 Rosetta2 來啟動終端,這樣通過 Rosetta2 轉譯到 x86 架構中執行安裝,也一樣可以安裝成功。
至此,我們的 M1 就已經完成了 git + 各版本 Node + npm 的搭建,完成這部分工作後,前端項目已經可以正常運行,各位買了 M1 Mac 的前端小夥伴又能愉快的幹活了。希望本文能夠幫助被 M1 的開發環境困擾過的您。
② mac想要進行網站建設用什麼軟體
可以使用捷克公司JetBrains開發的全套軟體
例如 webStorm(製作前端頁面) IDEA(java IDE)
pycharm(python IDE)
或者phpStorm(PHP IDE)
③ 大家開發php都使用什麼IDE
先嘮嘮我用過的IED:
1、PhpStorm
優點:簡便快捷的IDE,全項目搜索功能速度很快
2、PhpED
優缺點:只用於 Windows 的 PhpED,突出特性包括一個很棒的調試器、優秀的資料庫訪問、較好的代碼智能特性以及集成的 PHP 幫助,缺點是全項目搜索功能很慢
3、PHPEclipse
優缺點:MAC和Windows都可使用,功能很強大,依託於Eclipse,故學習難度相對較大
4、PHPEdit
優缺點:這款 IDE 有一個極好的代碼示例整體模板庫,您還可以向庫裡面添加內容,但其他功能稍弱
5、Zend Studio
優缺點:
它運行於三大系統:Windows、Mac OS X 和 Linux。而且絕對能夠提供您所需要的一切:PHP V4、PHP V5 等等。它的下載需要花很長時間,但是非常值得;
作為 IDE,Zend Studio 是最好的。它提供所有想在內置庫和定製代碼中擁有的代碼智能特性。它還有非常好的調試功能,而且極易設置。要把代碼放到存儲庫(repository) 中,Zend Studio 會連接到 CVS 和 Subversion。要把代碼放到伺服器上,有集成 FTP 可以使用
缺點就是耗費內存很大,開啟需要很長時間
6、Dreamweaver
優缺點:作為一個前端起家的人,開始學習PHP時一直用的這款軟體,優點是在混編時很方便,缺點是對PHP的一些支持不是很好
7、TXT等文本編輯器
優缺點:在linux上,或者很簡單的修改時,用這些文本編輯器可以快速完成修改
-------------------------------------------------------------------------------------------------
最後,獻上我目前用的PHP IDE「JetBrains PhpStorm」,個人喜好,不喜勿噴ㄟ(⊙ω⊙ㄟ)