atom前端向插件

个人比较爱折腾, 用腻了sublime 和 webstorm最近寻思换个编辑器体验体验, 在对比了vs code, brackets, Hbuilder, atom这几个主流编辑器之后, 我还是选择了atom, 原因是首先它是github出品社区比较活跃插件最多, 其次和sublime比较像容易上手而且配置起来还比sublime方便.

• sync-settings
  必装插件, 用来同步设置, 插件等, 好了, 祭出这个插件后面的都不用写了, 本文终结(/跑)
• activate-power-mode
  主要用来装逼, 或者说给自己找点乐子, 稍微提升一点写代码时的快感(其实写代码本身就是一件很有快感的事/微笑)
• atom-beautify
  格式化代码, 不过对于像我这样有很好的代码习惯的人来说平时基本用不上(随时不忘装逼)
• atom-ternjs
  js智能提示
• autocomplete-paths
  文件路径补全, 很实用
• autoprefixer
  给css加浏览器前缀
• color-picker
  取色器
• docblockr
  写注释的好帮手
• emmet
  这个不用解释了~
• file-icons
  给不同文件加上不同的图标, 鬼知道这货总共有多少个图标
• jquery-snippets
  jquery智能提示
• markdown-preview-plus
  比系统自带的markdown预览好用, 安装之后记得禁用掉系统的
• markdown-writer
  写markdown更加方便
• open-in-browser
  在浏览器中打开当前文件
• pigments
  给颜色加上它自己的背景颜色
• 持续更新

---

最后说一下sync-settings这个神器吧

它能帮我们同步所有的设置和插件, 包括已经设置好的代码段, 唯一的不足就是其他插件内部的设置不能同步, 不过这完全可以忽略了. 安装之后需要填两个东西:

• Personal Access Token
• Gist Id

第1个 Personal Access Token, 进入自己的github设置, 在左边的Developer settings标签下找到Personal access token, 新建一个, 记得勾选gist, 生成的token就是我们想要的. 注意这个token只能在新建的时候看到, 之后就看不到了所以只有一次机会哟~

第2个 Gist Id同样在自己的github里新建一个gist然后得到一个id就行

两串恶心的乱码都填好之后就能进行同步了, ctrl/cmd + shift + p打开命令窗口, 输入sync, 选择Sync Settings: Backup. 看见右下角出现绿色的提示表示备份成功

完