Mac 工具指南（编程篇）

[ONE-SUNDAY]

资源

• Mac 软件爱心分享版

编辑器

• Sublime Text
• VS Code
• Atom
• WebStrom

代理工具

• Whistle
• Charles
• Fiddler

版本控制客户端

GitHub：

• GitHub Desktop
• SourceTree
• Git 使用简易指南

SVN：

• Cornerstone

绘图工具

• Adobe Photoshop
• Sketch
• Adobe illustrator

图片优化

SVG：

• svgomg

PNG：

• TinyPNG
• Grunt-imagemin
• Compress PNG
• kraken
• 智图

JPG / WebP：

• xnview

科学上网

• Lantern
• Shadowsocks
• Hosts

移动开发资源

• 查看浏览器 UA
• X5 版 Can I use
• 测某特性支持情况
• Emment 文档
• Zepto.js 文档
• webkit 属性大全
• 各类语言 API
• XHTML 实体字符
• iOS 系统支持的字体
• 字体生成器

JavaScript

• JS Bin
• CodePen
• JSFiddle
• JS 代码验证
• JSON 代码验证
• 正则表达式验证
• 文字转 SVG

CSS

• 动画性能调用 CPU / GPU 检测
• CSS 样式审查 stylelint
• 动画库 Animate.css
• 动画库 Hover.css
• 动画库 Animatable
• 动画库 Effeckt.css
• 动画在线工具
• 动画手册
• 合并精灵图
• CSS3 样式
• 三角样式
• 渐变
• 代码格式化
• LESS
• SASS
• Compass
• CSS To Sass
• CSS Triggers

HTML 模板引擎

• HTML 模版引擎 - Jade
  • 简洁的语法编译后生成 HTML 结构
  • 拥有判断语句、模块化、循环、继承等功能，就像HTML版的Sass

前端模块工具

• 前端模块打包工具 - Webpack
  • 前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等

Mac Apache

Mac自带Apache服务，所以不需要再去额外的安装。

$ sudo apchectl -v // 查看Apache版本

$ sudo apchectl start // 启动Apache服务

Apache默认根目录位于/Library（资源库）/WebServer/Documents/下
安装目录在/etc/apache2/

参考 ：Mac OS X中配置Apache