Write the Code. Change the World.

7月 17

发表于 • 1,892 views • 没有评论!

工具

Atom 插件

快捷键可以通过 cmd+shift+p 搜索得到。

  1. atom-beautify
    用来对代码进行格式化，让杂乱无章的代码瞬间变得有条理，我自己平常用的最多的就是格式化 JSON 字符串了，注意在格式化的时候必须先选定语言。

  2. atom-html-preview
    可以在 atom 里面预览HTML。快捷键
    默认快捷键： CTRL + P 调用，会和内置核心插件冲突(切换文件那个)
    修改版快捷键： CTRL + F12 (感觉方便使用且没有冲突的快捷键)
    修改自定义键盘映射文件：
    实时浏览器调用快捷键
    'atom-text-editor':
    'ctrl-F12':'atom-html-preview:toggle'
    atom 内置了 Dev Live Reload 这个插件；
    这个插件的作用就是重新加载所有样式和规则，
    有点类似 linux 的 source xx.sh 一样..即时生效。
    调用快捷键是 CTRL + SHIFT + ALT +R
    当然，关闭 atom 再开 atom 编辑器也能达到重新加载所有样式规则的效果……

  3. file-icons
    这个比较好，让atom更加美丽，会在文件前面给一个小图标，针对不同格式的文件有着很好的支持，atom 的文件图标再也不会那么单调了。

  4. markdown-preview-enhanced
    这个号称最全markdown插件，可算是集成了所有用得到的和用不到的功能，强大的有些许过分，有时候会造成写markdown的时候卡顿，由于暂时没有找到能够同步滑动的插件，就暂时使用了这个。更多设置可以参考作者的中文文档：https://shd101wyy.github.io/markdown-preview-enhanced/#/zh-cn/

  5. markdown-table-editor
    markdown中编辑表格的神器，只需要打一个 | 然后通过 table 和回车键就可以完成表格的编辑，比起自己写效率高到不知道哪里去了。

  6. pdf-view
    让你可以在Atom中直接查看pdf。

  7. filetype-color
    在标签栏不同格式文件显示不同的颜色的标题。

  8. minimap
    用过 Sublime Text 的友友们都知道有一个很实用的功能，就是内部编辑那里有一个小小的代码图,
    这货就是补全 Atom 这个功能的,支持高亮代码,还可控，具体看内部设置。

  9. autocomplete-plus
    自动补全工具。

  10. emmet
    代码补全速写。可以取官网看看http://docs.emmet.io/cheat-sheet/

  11. color-picker
    颜色拾取器。

  12. docblockr
    方便代码注释。

  13. activate-power-mode
    代码跳动效果。

  14. quick-highlight
    代码高亮。

  15. autocomplete-paths
    路径提示功能。