『壹』 如何使用 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理解的一般，學起來會困難一些，不過前端框架更新的還算很快。
『貳』 有哪些it程序員的必備神器
URL Decoder/Encoder：https://meyerweb.com/eric/tools/dencoder/ 特別實用的一個用來處理URL編碼和解碼的小工具，你甚至可以直接將這個頁面的源代碼保存下來，這樣不需要連接上網也可以離線使用。附送的一個隱藏功能就是當你從任何地方拷貝信息過來的時候，它會自動去除拷貝過來的格式化信息，小編自己基本上每天都會使用這個小工具復制粘貼各種信息。
iTerm2是一款完全免費的開源軟體，可以完全替代MacOS的終端。iTerms功能強大，使用方便，可以讓你輕松且高效地管理和定製化你的工作流程。iTerm2的一些特色功能包括：標簽變色，智能選中，自動補齊，全屏展示所有的 tab並支持搜索（Exposé Tabs），豐富的快捷操作等。
Textpad這款工具具有無限制的撤銷/重做功能，並且能夠編輯超大文件，文件上限是系統虛擬內存大小。
Octotree：https://www.octotree.io/Github是目前使用最廣泛的版本控制工具，然而通過瀏覽器訪問Github的體驗並不是那麼友好，特別是當我們需要不斷地訪問不同文件夾裡面的文件的時候。Octotree正是這樣一款瀏覽器插件，它提供了類似IDE的便於訪問的代碼目錄樹，能夠提高我們在Github上工作效率。
Wireshark：這個工具可以用來監控機器上的TCP、HTTP等各層級的網路通信。作為後端開發，如果想看前端發來的請求到底都包含了哪些信息，又沒有前端的調試環境的話，使用Wireshark監控HTTP請求是很好的解決方案。自己在程序中發HTTP請求時，也可以使用它來檢查發出的HTTP請求是否符合自己的預期。
Mermaid：這個工具可以使用腳本語言直接渲染出流程圖、時序圖、甘特圖，寫文檔簡單快捷。免拖拽，免排版，格式控制統一。腳本也便於存放修改，樣式可以復用。還可以使用插件集成如Markdown編輯器，進行實時預覽。
spectacle：Mac free source 窗口控制工具，拖拽窗口到屏幕邊緣resize，也可以自定義快捷鍵。用起來跟Windows上面一樣。相比較於Moom，SizeUp，Divvy，spectacle支持滑鼠拖拽到邊緣resize，非常便利。
Tmux：一個虛擬終端可以管理多個會話，窗口和面板。執行 tmux 命令時就開啟了一個服務並創建了一個會話，窗口和面板。支持分屏，同時處理多個操作。不受斷網影響，避免丟失重要工作進度。方便演示與協作，支持結對編程。
Caniuse：https://caniuse.com/#home 通過這個網站，用戶能夠查詢主流瀏覽器特定版本對HTML,CSS和JS的支持情況。並且最重要的是它「免費」！
Visual Studio Code：這是微軟出品的IDE工具，跨平台（Linux，Mac，Windows）。輕量級內存佔用，品質穩定且免費。同時內置Git版本控制功能。值得一提的是插件生態豐富，安裝插件簡單，通過插件可以增加更豐富的語言支持、主題定製、文本自動格式化等能力。
『叄』 學python需要什麼軟體
一、Python代碼編輯器
1. Sublime Text
Sublime Text是一款非常流行的代碼編輯器，支持Python代碼編輯，同時兼容所有平台，並且豐富的插件擴展了語法和編輯功能，迅捷小巧，具有良好的兼容性，很受編程人士的喜愛！
2. Vim
Vim和Vi是一種模型編輯器，它將文本查看從文本編輯中分離，VIM在原始VI之上做了諸多改進，包括可擴展模型和就地代碼構建，VIMScripts可用於各種Python開發任務！
3. Atom
Atom被稱為「21世紀可破解的文本編輯器」，可以兼容所有平台，擁有時尚的界面、文件系統瀏覽器和擴展插件市場，使用Electron構建，其運行時安裝的擴展插件可支持Python語言！
4. GNU Emacs
GNU Emacs是一款終身免費且兼容任何平台的代碼編輯器，使用強大的Lisp編程語言進行定製，並為Python開發提供各種定製腳本，是一款可擴展、可定製、自動記錄、實時顯示的編輯器，一直縈繞在UNIX周圍。
5. Visual Studio Code
Visual Studio Code是一款兼容Linux、Mac OS X和Windows 平台的全功能代碼編輯器，可擴展並且可以對幾乎所有任務進行配置，對於Python的支持可以在Visual Studio Code中安裝插件，只需快速點擊按鈕即可成功安裝，且可自動識別Python安裝和庫。
二、Python集成開發環境
1. PyCharm
PyCharm是唯一一款專門面向Python的全功能集成開發環境，同樣擁有付費版和免費開源版，PyCharm不論是在Windows、 Mac OS X系統中，還是在Linux系統中都支持快速安裝和使用。
PyCharm直接支持Python開發環境，打開一個新的文件然後就可以開始編寫代碼，也可以在PyCharm中直接運行和調試Python程序，它還支持源碼管理和項目，並且其擁有眾多便利和支持社區，能夠快速掌握學習使用！
2. Eclipse + PyDev
PyDev是Eclipse集成開發環境的一個插件，支持Python調試、代碼補全和互動式Python控制台等，在Eclipse中安裝PyDev非常便捷，只需從Eclipse中選擇「Help」點擊「Eclipse Marketplace」然後搜索PyDev，點擊安裝，必要的時候重啟Eclipse即可，對於資深Eclipse開發者來說，PyDev可以很輕松上手！
3. Visual Studio
Visual Studio是一款全功能集成開發平台，提供了免費版和付費版，可以支持各種平台的開發，且附帶了自己的擴展插件市場。在Visual Studio中可進行Python編程，並且支持Python智能感知、調試和其他工具，值得注意的是Visual Studio不支持Linux平台！
4. Spyder
Spyder是一款為了數據科學工作流做了優化的開源Python集成開發環境，它是附在Anaconda軟體包管理器發行版中的，Spyder擁有大部分集成開發環境該具備的功能，如強大語法高亮功能的代碼編輯器、Python代碼補全以及集成文件瀏覽器，其還具有其他Python編輯環境中所不具備的變數瀏覽器功能，十分適合使用Python的數據科學家們。
5. Thonny
Thonny是針對新手的一款集成開發環境，適用於全部主流平台，默認情況下，Thonny會和自帶捆綁的Python版本一起安裝，十分方便新手使用！
『肆』 為什麼要使用 MacBook 做前端開發
為什麼要使用MacBook做前端開發1.unix內核，搭環境方便方便最方便2.alfred3.retina屏4.可以聯機iPhone的safari調試。5.可以用instruments很方便地測試網頁在APP中的性能。6.可以裝XCode開發React-Native。
『伍』 北大青鳥設計培訓：web開發常見的開發工具介紹
對於程序員來說，好的開發工具能夠大大提高編程開發的工作效率，節約更多的時間來從事其他方面的工作。
今天，長沙北大青鳥http://www.kmbdqn.cn/就一起來聊聊關於web前端開發過程中的常見開發工具都有哪些。
SublimeTextSublimeText是一個輕量、簡潔、高效、跨平台的編輯器，方便的配色以及兼容vim快捷鍵等各種優點博得了很多前端開發人員的喜愛!SublimeText2這款程序員必備代碼編輯器，幾乎每位程序員提到SublimeText2都是贊不絕口!它體積小巧，無需安裝，綠色便攜;它可跨平台支持Windows/Mac/Linux;支持32與64位操作系統，它在支持語法高亮、代碼補全、代碼片段(Snippet)、代碼折疊、行號顯示、自定義皮膚、配色方案等所有其它代碼編輯器所擁有的功能的同時，又保證了其飛快的速度!picpickPicPick是一款免費截圖軟體，它可以抓取全屏幕或是局部的畫面，而且操作也很簡單，還具備了一般常用到的基本圖像編輯、屏幕尺、角度、測距、及屏幕演示白板等功能。
在前端學習開發中非常有。
gitGit是一款免費、開源的分布式版本控制系統，用於敏捷高效地處理任何或小或大的項目。
管理代碼時候用到。
WampServerWampServer就是WindowsApacheMysqlPHP集成安裝環境，即在window下的apache、php和mysql的伺服器軟體。
nicat強大的資料庫管理和設計工具,支持Win、Mac和linux。
直觀的GUI讓用戶簡單地管理MySQL、MariaDB、SQLServer、SQLite、Oracle和PostgreSQL的資料庫。
XshellXshell是一個強大的安全終端模擬軟體，它支持SSH1,SSH2,以及MicrosoftWindows平台的TELNET協議。
8uFtp8UFTP客戶端工具,涵蓋其它FTP工具所有的功能。
8uftp不佔內存,體積小,多線程,支持在線解壓縮。
SourceTreeSourceTree是Windows和MacOSX下免費的Git和Hg客戶端管理工具，同時也是Mercurial和Subversion版本控制系統工具。
『陸』 做前端在mac上使用什麼切圖工具好
安裝藍湖插件進行切圖，PS、Sketch、XD 幾種工具都支持，用藍湖切圖效率很高，一鍵搞定，自動生成多格式，開發可以直接選擇下載需要格式的切圖進行使用，還能復制代碼進行開發，太贊了。
『柒』 請問有誰知道mac上這些圖標分別是對應什麼軟體哇
只知道ws 對應webstorm ，是前端開發工具
『捌』 程序員用Mac都有哪些必備的app
Mac上程序員必備的10大軟體
1、IDEA
作為一個開發者，必須使用IDEA的，以前的elipse基本很少有用了，除非那些10多年的老員工對它有太大的感情了。
2、安裝JDK11或者JDK8
我覺得應該安裝JDK11吧，畢竟JDK14都出來這么久了。
3、Pycharm
Python開發工具，作為程序員也許你不是做Python開發的，但是偶爾還是用Python的。
4、Git
不用多說，當你在公司開發時候，一個項目是由很多人完成的，Git就是用來版本控制的，不僅要安裝還要熟悉使用。
5、VMware Fusion和Navicat
Navicat是一個資料庫管理工具，值得擁有，VMware是虛擬機軟體。我現在還是學生，電腦配置也不太好，我一般使用阿里雲伺服器，然後連接IDEA工具，感覺太方便了，寫完代碼可以直接操作虛擬機。
6、Visual Studio for Mac
這是一款微軟推出的跨平台開發工具，我一般用來寫前端的。
7、Xcode
Xcode是蘋果產品的，適用於ios開發工具，同時支持c++，對於學習c的同學來說值得擁有，就算做c開發，也值得安裝，因為真的太強大了。
8、Google瀏覽器
9、ClenMyMacX
系統殺毒軟體及清理垃圾等等。
10、Typora
作為一個程序員，不管學習也好總是做筆記叭，它就是一款最好的Markown，非常方便，它的語法我之前也寫過一篇文章，可以抽30分鍾學習即可熟練基本用法。
11、MindNode
我個人比較喜歡使用這塊來做思維導圖
12、Processon
在線畫圖工具，也可以做思維導圖等，非常不錯。
13、Rdm
學習Redis使用可視化工具
14、PDF Expert
Mac最好用的一款PDF
15、Xnip
個人覺得挺好用的截圖工具
16、Be Focused
類似番茄土豆，時間管理工具
17、eZip
壓縮解壓工具
18、網路網盤
19、uPic
圖床，當你發表博客時候，每次粘貼有點太耗時間了，所以使用uPic配置Typora就完美了。
20、其他工具
qq、微信、OmniFocus項目管理工具、AE、PR視頻剪輯等工具，看個人愛好下載使用，還有一些工具，暫時想不出了，但是上面所提到的我基本使用。
我的回答希望對你有幫助。
用了8年的Mac電腦，個人介紹下一些常用的APP，僅供參考。
1.終端iterm2
作為一名程序員，少不了需要用命令行處理事情。
通過它可以處理本地電腦的事情，也可以連接遠程伺服器操作。
補充：當然有些朋友喜歡zshell環境，也可以使用ohmyzsh，看個人實際需求吧，我還是喜歡bash環境。
2.Alfred
Alfred 是一個用鍵盤通過熱鍵、關鍵字、自定義插件來加快操作效率的工具，它不但是搜索工具，還是快速啟動工具，甚至能夠操作許多系統功能，擴充性極強。
比如程序員經常需要查看unix時間，用這個搜索框就能快速得到答案，按下回車鍵即可復制結果。
3.DBeaver免費開源資料庫
一個免費開源的軟體，支持Oracle、MySQL等資料庫，但是速度相比Navicat Premium慢，但是勝在免費。
4.IntelliJ IDEA 開發工具IDE
寫Java代碼，怎麼可能少了這個軟體，吃飯幹活的工具。
當然有些人也會用Visual Studio，用得人也不少，只要適合自己需求就可以了。
5.Android Studio安卓開發
Android Studio是一個Android開發環境，基於IntelliJ IDEA。通過這個開發工具，可以開發手機APP。
6.PyCharm
人生苦短，我學Python，通過這個工具，可以快速開發，但是唯一缺點就是耗內存。
7.Sourcetree管理代碼工具
Sourcetree是個免費的Git客戶端工具，通過它可以進行可視化操作，適合對Git有基礎需求的人。但是有時候一些復雜的操作，個人還是喜歡命令行處理。
8.Markdown文檔編寫工具Typora
Typora支持跨平台，配合快捷鍵，輕松的寫介面文檔、資料庫表結構等文檔，圖片也可以復制粘貼進來，十分便利。
同時支持導出PDF，Word多種格式。
9.Sublime Text跨平台的文本編輯器
Sublime Text 是一款流行的代碼編輯器軟體，支持各類插件，可運行在Linux，Windows和Mac OS X。
我經常用它來編寫一些簡單的Python腳本，或者看Java代碼進行Review。
10.WireShark抓包軟體
作為程序員，有時候要分析別人提供的網路數據包文件，安裝這個跨平台軟體，可以直觀的分析網路數據包。
其他還有很多軟體，這里就寫前10個常用的軟體推薦給你，希望能解答到你的問題。
作為一名前端，來推薦幾個自己一直用的軟體。
Visual Studio Code
vs code 是微軟開發的良心編輯器，功能強大而且插件多，主要是啟動速度還挺快，是原來的Eclipse開發團隊的大佬來開發的，就是好用。
鏈接 https://code.visualstudio.com/
Sip： Mac 上最好的色彩管理工具
一款高效實用的Mac屏幕取色軟體，可以便捷地對屏幕上的顏色進行采樣和編碼，從而高效地輔助用戶對色彩的調整程度。支持 CSS、UIColor 等多種格式，適用於 Swift、Android、Java、.NET 等多種開發環境。
mac store 搜索 : sip
Moom: Mac窗口管理工具
一款實用的系統增強軟體，操作極其方便簡單，它可以通過拖拽的操作方式實現對窗口的任意操作，大小、位置、左右上下全方位移動以及最大最小化，這款Mac窗口管理器能夠快速修改當前窗口大小並放置在指定位置，操作簡單易上手。
mac store 搜索 : moom
Irvue Unsplash 壁紙工具
每天一張新壁紙，換來好的心情。
mac store 搜索 : Irvue。
Mac自帶的工具大部分人都沒發揮極致。
推薦一：PD，虛擬機利器。
推薦二：XmindZen 整理你的思維筆記，開個腦洞啥的。
推薦三：HomeBrew
推薦四：QuickTime 自帶的錄屏工具，錄點視頻很輕松。
從brew開始，剩下的就是一鍵安裝了。必備！
1、xcode
mac自帶的開發工具，好用舒服。
2、IDEA
java開發的首選工具，對比eclipse那就是質的提升。
3、Visual Studio Code
微軟的花大力氣做的開發工具。全平台都可以使用。
4、iStat Menus
可以讓你詳細掌握系統狀態，特別是流量現實，非常精準。
5、vMware Fusion
虛擬機選擇vMware Fusion確實是最省心的。超過其他虛擬機的太多。誰用誰知道。
6、CleanMyMac X
CleanMyMac X是被查詢最多的Mac電腦優化軟體。
7、Sublime Text
這個軟體應該是前端和好多輕度開發者的必愛了。
8、iTerm2
iTerm2可以肩負起打造終極版Mac的終端。更改為Oh my zsh的shell，安裝powerlevel9k插件。你的終端就可以飛起來了。
9、Homebrew
作為Mac電腦的軟體管家，Homebrew一直沒有讓我們失望。
10、docker
程序員經常要做一些環境的調整，docker是一個很好的生產工具，調整好了就留下，不好就刪除，對本機環境沒有任何影響。而且可以快速部署到生產環境中。
我說的對不對呢，請大家拍磚。
只要裝虛擬機就行。之後就是win的世界
我們程序員在Mac上的工具大致分為三類1）編程類 2）筆記類 3）任務管理類
一、編程類
1.1 首當其沖，當然是神之編輯器Emacs，而Emacs本身又是瑞士軍刀包含編程，筆記，任務管理等，尤其是org，乃是許多人對Emacs欲罷不能的理由；
1.2 既然提到了emacs，自然少不了vim，相比emacs更加靈活輕便，適合於對配置作快速而簡單的修改。
1.3 vscode，對編程新手而言，emacs與vim上手難度較高，因此推薦從vscode入手編程。
當然還有jetbrain等，但是筆者不喜歡，因此不做推薦。
二、筆記類
程序員首先是辦公室白領，日常文檔總結，工作復盤等，Mac上最為推薦的筆記工具，
2.1 BearNote極為精美且便捷，令人愛不釋手，當然既然用macbook，缺點就是要fufei；
2.2 印象筆記，在macbook出人意料之外的好用，13年末的時候，筆者就是因為看到同事在macbook上精美的印象筆記，而種草買了第一台MBP。
2.3 Typora 是最優秀的所見即所得的markdown標記語言工具，是程序員寫文章之必備。
三、任務與時間管理
3.1 任務管理當然要用omnifocus,只有在macbook上才能享用這款效率工具。
3.2 項目管理工具Omniplan，編程是青春飯，我們最終都要往產品經理，往管理崗位上邁進。因此項目管理工具必不可少。同樣的，Omni系列的工具，只有MBP上才有。
3.3 花時間學學Emads的org-mode，用其作任務管理等。
程序員必備的app請看下方：
Homebrew
方便獲得各類實用工具，比如 wget
... AntiRSI.