‘壹’ 如何使用 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.