【普益标准】前端百宝箱（效率与技巧）

工作文档

效率工具

windows 桌面程序

• Listary/everything 本地文件搜索器
• 有道词典 划词翻译, 并且能够存在生词本里面
• 印象笔记 浏览资料整理
• green 科学上网

chrome 插件

• crxMouse 鼠标手势
• chrome vimium 一些情况下使用鼠标手势, 一些情况下使用这个快捷键工具, 一般二选一避免右手切换导致的思维停顿。 比浏览器自己的快捷键要强大
• 印象笔记剪辑 把值得收藏的内容收藏到印象笔记里面
• pocket 稍后阅读，避免工作时注意力被文章牵走，也避免了错过好文章
• diigo/CollaMark 在网页上做勾画，学习效率瞬间提升！
• postman ajax 调试工具

常用技巧

多个屏幕的提高效率

• 左编辑器， 中间浏览器和其它窗口， 右边桌面图标，聊天工具以及浏览器控制台。爽啊！

快速的打开, 选择, 以及切换

1. 做好规划和整理：
   
   • 文件： 这是最基础的工作
   • 收藏夹： windows 的收藏夹是个很多人忽略的东西， 创建一些， 把常用的文件夹根据逻辑分好类， 不要再一层一层飞速的点了。
   • 任务栏： 详细见第2点
   • 浏览器书签: 这里是我的主战场
   • 作业部落： 使用这个 markdown 工具记录一些零散的随笔， 不限时间， 不限空间， 打开浏览器就开始使用。 只是现在不支持手机端使用。
   • 印象笔记： 使用印象笔记作为自己在浏览网页的一个整理工具， 把重要的知识整理好。
2. 把常用的软件， 放在任务栏， 按 win + 数字就可以进行切换， 比 alt + tab 可是方便太多了。按数字几下， 标识切换到该任务的第几个窗口。
3. 更多的程序需要快速打开， 按 win + s 调出 Listary
4. 在资源管理器中，打开程序直接 win + s 调出 Listary， 或者直接输入文件名， 快速定位文件和搜索。

比较蛋疼的是， Listary 只能够打开新打开一个软件， 而不能切换到已经打开的软件。

快速的操作

• 快捷键： 主要得力于良好的快捷键， 要提高工作效率就不能停留在只会 cv 大法。所有常用的软件的快捷键都需要掌握。 这个越熟练， 工作起来就越会感觉到舒适。 包括
  
  • windows 常用快捷键
  • webstorm 快捷键
  • chrome 快捷键。
• 鼠标手势： 在 chrome 浏览器上面安装鼠标手势插件， 然后， 在使用使用鼠标时尽量可以避免很多满屏幕找按钮或者多步操作的情况。 比使用快捷键还要快。

软件使用重要经验

webstorm

自定义快捷键

充分利用最符合人体工程学的按键 alt，参考 vim 按键设置如下快捷键。

• alt + h 左
• alt + j 下
• alt + k 上
• alt + l 右
• alt + n 左跳词(不同于 vim 习惯)
• alt + m 右跳词(不同于 vim 习惯)
• alt + shift + n 左并词(不同于 vim 习惯)
• alt + shift + m 右并词(不同于 vim 习惯)
• alt + ; 行首(不同于 vim 习惯)
• alt + ' 行尾(不同于 vim 习惯)
• alt + d pageDown
• alt + f pageUp(不同于 vim 习惯)
• alt + g 页首
• alt + shift + g 页尾
• alt + shift + j 上一个 tab
• alt + shift + k 下一个 tab
• alt + x 关闭当前 tab(不同于 vim 习惯)
• alt + a 关闭所有 tab(不同于 vim 习惯)
• alt + b 回删(不同于 vim 习惯)
• alt + p find in path(不同于 vim 习惯)

实时模板（live template）

• 可以定义光标的依次出现位置
• 可以看到很多标配的 live template
• 可以自定义很多代码片段

历史剪贴板（patse from history）

• ctrl + shift + v
• 之后按数字键进行选择
• 输入字母可以进行筛选

AceJump

需要安装的插件，快速定位光标。ctrl + ; 和 ctrl + ' 两个操作。