當前位置:首頁 » 網頁前端 » mac前端開發ide
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

mac前端開發ide

發布時間: 2023-06-28 04:14:01

① 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」,個人喜好,不喜勿噴ㄟ(⊙ω⊙ㄟ)