Ⅰ 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 的開發環境困擾過的您。
Ⅱ 蘋果電腦開機啟動項怎麼設置 MacBook開機啟動項
蘋果電腦開機啟段臘廳動項需要在系統局大偏好設置里操作，步驟如下：
1.點擊桌面上的齒輪圖標，打開系統偏好設置面板。
Ⅲ 蘋果電腦開機啟動項怎麼設置 MacBook開機啟動項
材料/工具：Mac 電腦
1、打開電腦先在 Mac 電腦中打開「偏好設置」應用按鈕
Ⅳ Mac如何查看系統啟動項目
打開訪達，點擊最頂部菜單欄的「前往」-「前往文件夾」;或者在訪達圖標右擊，選擇「前往文件夾」。接著輸入「/private/var/folders」。
然後在彈出的訪達窗口搜索欄輸入:com.apple.dock.launchpad，搜索范圍選擇「folders」。
接著進入「com.apple.dock.launchpad」 文件夾里，可以看到 「db」。
此時請打開 「終端」或者「iTerm」，輸入:「cd 」，再加一個空格，空格後面是 「db」 目錄的路徑。
目錄的路徑查看，可以打開「db」目錄，然後按下快捷芹攜擾鍵「Command + i」，在彈出的窗口裡有個「位置」內容，選中復制下。輸入「cd 位置」，回車。
最後就是關鍵的一步，接著在「終端」輸入刪除遺留產物的命令行:sqlite3 db "delete from apps where title='appName';"&&killall Dock。
把"appName"替換為你的啟動台程序名字即可，注意要區分大小寫和空格。然後按下「回車」即可。
硬體介紹
晶元
Mac採用的Power PC晶元是RISC(精簡指令集)晶元，而PC機採用的多嫌旦為CISC(復雜指令集)晶元。Power PC是通過多管線操控配合超標量指令集來運行的，而CISC晶元則是採用單線程方式來運行的。
2020年6月23日凌晨，WWDC上蘋果公布使用兩年時間將Mac過渡到自主研發的Apple晶元。
系統
Mac的操作系統是隱宴macOS，這個基於Darwin的核心系統增強了系統的穩定性、性能以及響應能力。它能通過對稱多處理技術充分發揮雙處理器的優勢，提供無與倫比的2D、3D和多媒體圖形性能以及廣泛的字體支持和集成的PDA功能。
OS X通過Classic環境幾乎可以支持所有的Mac OS 9應用程序，直觀的Aqua用戶界面使Macintosh的易用性又達到了一個全新的水平。
Ⅳ 如何使用 Mac OS X 進行前端開發
學習web前端以後應該是可以做Web前端開發工程師的，Web前端開發工程師主要職責是利用(X)HTML/CSS/JavaScript/Flash等各種Web技術進行客戶端產品的開發。完成客戶端程序（也就是瀏覽器端）的開發，開發JavaScript以及Flash模塊，同時結合後台開發技術模擬整體效果，進行豐富互聯網的Web開發，致力於通過技術改善用戶體驗。
第一：在如今這個前端的市場下，你如果太過於著急找工作而去學習，你一定找不到，有一個很簡單的道理，任何東西求快沒有用，首先你要會，學的成了半吊子，看點視頻就去找工作，沒人接收。
第二：如果沒有一套系統的學習路線和方案，這看看，那裡看看，依舊學了之後還是浪費時間，根據我的學習經歷來看，任何人學習任何東西，需要一氣呵成，在這段時間內，學習什麼就一刻都不能鬆懈，今天看點視頻，明天有事，不看了，這樣沒啥意義。
第三：在如今這個IT市場，不建議任何人去線下培訓四個月，就目前來看四個月的時間培訓出來的新手，大多數都很難找工作，而且依賴老師和環境很嚴重，在塑造工作經驗這塊不太成功，導致四個月培訓後，會逐漸的忘記之前學的東西，形成脫節的情況。
第四：如果你在學習中沒有很多的代碼量的話，不多去做案例的話，我個人覺得學了跟沒學一樣，第二次你見到它可能還是不認識它。最好是有個問的人，一個外行想通過自學前端開發區找工作，太難了，尤其是在這個行情中。現在工作競爭激烈多學點沒壞處，可以去這個球裙免費學習交流，前三位是：四六四 中間三位是：二四五，最後三位是：三零七，機會只留給有準備的人。
前端的學習路線：
1、HTML+CSS的靜態布局，我好想沒有見過幾個人學不會這個，很簡單，主要差別在於同一個頁面，每個人用的時間不同而已，熟練就好。
2. JavaScript的學習，不用說想必大家應該清楚JavaScript的重要性，前端的重中之重，沒有之一，JavaScript似乎學太明白的人很少，這個跟鍛煉思維邏輯有關系。有人說在網上粘貼復制就可以了，會不會是一回事，永遠的粘貼復制，永遠都不會。
3. jQuery的學習，其實jQuery要容易一些，不過不要認為有了jQuery就忽略了JavaScript，大型互聯網公司都是直接用JavaScript寫的，這樣的安全性要更加的高。看這個人對自己的標準是怎麼樣的。
4. HTML5+CSS3 的學習，不要認為HTML5隻是添加了一些標簽而已，如果有興趣可以去網路看看HTML5的強大之處，很多的特效用CSS3都可以做。
5. Bootstrap框架的學習，這個框架應該每個東西都會用，難度不大，必須掌握。
6. Node.js – react – angular.js—backbone 其實這些東西如果你JavaScript理解的一般，學起來會困難一些，不過前端框架更新的還算很快。
Ⅵ Mac上知名的Web前端開發工具
CodeKit是一款 Mac上知名的Web前端開發工具，因為功能強大被譽為前端開發「神器」，支持最流行的框架技術，如支持Less, Sass, Stylus, CoffeeScript, Typescript, Jade, Haml, Slim, Markdown & Javascript 等語言的編譯，具有瀏覽器自動刷新、各種前端開發框架自動安裝 (Bootstrap, jQuery）等等功能，尤其是對最新技術的支持相當不錯，可謂前端開發利器！CodeKit為JavaScript 提供合並、壓縮以及錯誤檢查，優化 jpeg 和 png 格式的圖片。CodeKit所有功能是基於 Project， 因此你必須先創建一個 Project，按 + 選擇你的項目目錄，或者直接拖拽進來。
CodeKit自動編譯您在教程中閱讀的所有那些令人敬畏的語言。即用編譯Sass，Less，Stylus，CSS，CoffeeScript，Pug，Slim，Haml，TypeScript，JavaScript，ES6，Markdown，JSON，SVG，PNG，GIF和JPEG。
簡單配置想要壓縮CSS嗎？只需選中一個方框。需要轉換JavaScript嗎？選中一個方框。每個工具的選項都以美觀，干凈的UI提供。沒有更多的黑客構建腳本。
出血邊緣工具供應商前綴的自動修復程序。Babel.js用於下一代JavaScript。Libsass用於更快的Sass編譯。最好的工作流程就是內置的。
添加任何語言使用非內置的東西？輕松告訴CodeKit如何在UI中處理任何類型的文件。不需要愚蠢的配置文件或插件。