软件 | 简介

Edit

Sublime Text
- Package Control List
- Emmet Emmet官网 html:5 html:4s
- Material Theme
- Chinese Localization
- Vue Syntax Highlight
- BracketHighlighter 高亮显示你所在的结构
- Alignment "="号对齐 Ctrl+Alt+A
- Doc Blockr 生成优美注释
- AutoFileName Src 文件路径补全
- Nodejs node代码提示
- FileDiffs
- git git管理
- ColorHighlighter
- Code Formatter
- SublimeCodeIntel 语法提示
- SublimeTmpl HTML/CSS/JavaScript 标准模版
```
  ctrl+alt+h html
  ctrl+alt+j javascript
  ctrl+alt+c css
  ctrl+alt+p php
  ctrl+alt+r ruby
  ctrl+alt+shift+p python
```

Web

服务

Mac

mongoDB 工具
adobe
- UI设计
马克鳗高效的设计稿标注、测量工具
PP鸭图片压缩神器，帮你的图片减减肥
Pixel Winch（精确 UI 测距）
alfredworkflow
[Sketch] Sketch UI设计

Sketch3-中文手册

Charles
- iOS开发工具——网络封包分析工具Charles
- Charles教程：映射线上 js到本地代理调试工具
Gungnir 代理调试工具,代码编辑器,web服务器
Postman

快捷键：
- A：画板
- 距离测算(测量页面上所有元素之间的距离)：选定元素，按住Option键

Sketch UI设计插件推荐：

- [sketchtoolbox](http://sketchtoolbox.com/)

- [https://github.com/afc163/sketch-awesome-plugins](一套不错的 Sketch3 插件合集)
    ====================================================
    FINISH Installation. INSTALLED LIST:
      nathco/Clear-Styles,清除样式
      petehouston/sketch-guides,参考线
      nathco/Swap-Fill-Border,图层和边框样式对换
      mauehara/sketch-page-switch,页面切换
      tadija/AEFlowchart,流程图
      utom/sketch-measure,标注工具
      PEZ/SketchDistributor,排列元素
      frankko/Artboard-Tools,面板工具
      Falkeyn/Modulizer,图层间距工具
      😀 😀 😀 😀 😀 😀
    ====================================================
- [Zeplin](https://zeplin.io/)
- [sketch-measure](https://github.com/utom/sketch-measure) 标注插件
- [Marketch](https://github.com/tudou527/marketch) Marketch是草图3插件自动生成，可以测量并得到它的CSS样式的HTML页面
- [Content](https://github.com/timuric/Content-generator-sketch-plugin) 素描的应用程序插件生成的虚拟数据，如头像，姓名，照片，地理位置等数据

快捷键

1.    框定范围: ⌃ + ⇧ + 1
2. 标注尺寸: ⌃ + ⇧ + 2
3.    标注绝对位置: ⌃ + ⇧ + 3
4.    标注属性: ⌃ + ⇧ + 4
5.    把现有文字转换成注释: ⌃ + ⇧ + 5
6.    标注尺寸（百分比）:⌃ + ⇧ + 6
7.    标注绝对位置（百分比）:⌃ + ⇧ + 7
8.    导出HTML文档: ⌃ + ⇧ + E
9.    隐藏、显示标注: ⌃ + ⇧ + H
10. 锁定、解锁标注: ⌃ + ⇧ + L
11. 标注宽度:⌃ + ⇧ + [
12. 标注高度:⌃ + ⇧ + ]

Edit

Web

服务

Mac

神器

内网穿透利器

工具