mac前端編程軟體

⑴ 用蘋果筆記本學前端開發 都需要裝什麼軟體 求大神指點！

看開發什麼啊 前端美工作圖 用的是美工軟體

前段頁面開發 是CSS HTML JSP 或ASP的軟體

⑵ 為什麼要使用 MacBook 做前端開發

為什麼要使用MacBook做前端開發1.unix內核，搭環境方便方便最方便2.alfred3.retina屏4.可以聯機iPhone的safari調試。5.可以用instruments很方便地測試網頁在APP中的性能。6.可以裝XCode開發React-Native。

⑶ 有哪些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版本控制功能。值得一提的是插件生態豐富，安裝插件簡單，通過插件可以增加更豐富的語言支持、主題定製、文本自動格式化等能力。

⑷ 現在比較好用的前端開發工具有哪些啊

1. node.js + npm， 這個是前端工具的一個平台，沒有他們就沒有以下的工具，建立開發環境，下載開發工具，運行開發工具的利器
2. bower, 庫依賴管理器，類似於npm，但針對瀏覽器javaScript的依賴管理，減少尋找庫，下載庫和升級庫的煩惱
3.grunt，流程自動化管理工具，將你非編程的開發步驟減到最小，grunt watch+liveReload或者grunt connect,可以使得免除你F5無盡地獄，發布和開發各種無壓力。以下大部分開發工具，都有grunt的相對應的插件，也就是說他們都能利用grunt進行自動化運行
5. 本人用less比較多，因為基本無縫兼容歷史遺留系統中的css，（而Sass語法比較特殊，還沒有專門用過，應該開發新系統的css比較好），一套css預編譯語言，可以把less語法轉成css語法，lessc是less語言編譯器，配合grunt less，編寫大型css文檔毫無壓力。

6.Phantomjs，沒有界面的瀏覽器，用js腳本控制其操作網頁。測試，抓圖，網頁流程自動化利器。配合casperjs的語法簡化功能真強庫後，控制Phantomjs就更加容易了
7. grunt PhotoBox, 利用phantomjs抓圖功能和ImageMagick圖片比較功能，在利用live-reload即時刷新功能，可以讓你開發css的時候，快速對n多個頁面進行觀察，看其前後變化。不過缺點也比較明顯，就是速度慢。但比起手動對比來看，還是非常快的。值得css開發時擁有
8. phantomCSS，這個和grunt photobox類似，都用於css開發的，差別是photobox是全局觀察差別，而這個是單元組件觀察差別，它方便你就抓頁面中某一塊元素然後進行前後比較，更加註重細節上的差異，這個比較合適組件開發時候使用。
9. jshint，幫助你快速定位JavaScript的語法錯誤和潛在的跨瀏覽器兼容性問題。在部署你JS前，用jshint檢查一下是沒錯的 。
10.UglifyJS，壓縮JavaScript代碼，使你的JS代碼可以更加快速的載入。有grunt的插件
11. browserify允許你在瀏覽器裡面使用CMD標准模塊，但本人認為它的另外一個優勢是合並代碼，開發時候可以把代碼模塊化，分成很多很多小文件，然後有調理的放到相對應文件夾下，然後最後合成單一文件。本人曾經利用browserify開發greasemonkey代碼，大大簡化了greasemonkey的開發難度和增強了greasemonkey代碼的質量。browserify有grunt插件，這樣又減少的開發步驟。
12. Karma， google開發的一個單元測試運行器，這個自己本身不是一個單元測試框架，而是配合測試單元框架的一個工具。由於前端瀏覽器眾多，就算你有live-reload這樣自動化工具，但是還是要手動打開各種瀏覽器，手動把你的單元測試在各個瀏覽器都運行一遍。這個工具目的是目的就是讓電腦能自動化打開各種瀏覽器，然後把單元測試在各個瀏覽器中自動運行一遍，讓這個步驟也能自動化了。
13.clean-css (grunt cssmin)， 我用的是grunt cssmin，但是grunt cssmin實際上背後使用的是clean-css工具，這個工具就是用來壓縮精簡css的，讓css文件大小更小。

⑸ 前端開發在 Mac 之上，對比其它平台有哪些優勢

1. Mac非常適合做前端設計人員使用. 她優秀的工業設計,人性化的操作系統,會給你帶來很多的靈感,讓你時常Think Different, 創意迸發.

2. VIM不推薦新手使用,因為學習曲線很陡峭(它更多是高級程序員的神器).Mac下有大量收費和免費的文本編輯器如 Sublime Text 2, Textmate, TextWrangler, etc. 對付CSS JS HTML乃至中大型項目開發都可以勝任, IDE的話個人推薦 Aptana Studio

3. 可以安裝虛擬機如 VMware Player + Windows或者VitualBox + Windows 針對IE瀏覽器進行測試,測試完了即可關掉. Mac下的Firefox的firebug和Chrome的inspector能完成所有調試需求

4. Photoshop Mac版可以完成所有切圖工作

綜上,如不考慮Mac較高的價格, 用她真是個很不錯的選擇.
經供參考

⑹ 學前端可以用mac嗎

當然可以，目前來說寫代碼用mac是最好的，他支持的編程軟體是最方便，效率最高的

⑺ 程序員用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.

⑻ 北大青鳥設計培訓：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上使用什麼切圖工具好

我用的專業的前端切圖工具摹客插件，支持Sketch、Adobe XD、PS的設計稿，在官網下載安裝好插件之後，直接在設計工具內標記好切圖一鍵上傳，就可以自由下載不同平台、不同尺寸和倍率的切圖了，還可以自定義尺寸和壓縮，很方便。

⑽ 如何使用 Mac OS X 進行前端開發

mac自帶apache，在控制台中（Terminal）輸入apachectl start，然後在瀏覽器中輸入127.0.0.1，如果出現It Works!則說明成功啦！
前端開發建議使用Dreamweaver / Webstorm，然後apache網頁服務工具的根目錄是在/Library/WebServer/Documents下的，純手打，求採納o(^▽^)o