Atom 前端实用插件

工具

安装 Atom

Atom 优点

  • 免费(￣▽￣)”
  • 很漂亮
  • 能让插件做的事情就让插件做
  • 可扩展性强

前端实用插件

安装插件方法
  • 命令行安装
1
apm install 插件名
  • 重启Atom
实用插件
  • atom-icons 顾名思义，为不同的文件添加 icon
  • atom-react-native-complete 开发React项目时可以用的到，自动补全功能效率很高
  • atom-typescript 开发 Ts 的项目时会出现错误提示等信息
  • autocomplete-paths 自动补全路径
  • docblockr 方便快捷的添加块状注释
  • pigments 识别代码中的色号并显示出来
  • copy-filename 像intelliJ IDEA 一样，右键拷贝文件路径
  • emmet 更快捷的写html代码的工具 值得一试
  • highlight-selected 高亮双击的变量
  • js-hyperclick cmd+hover 跳转文件或变量函数的定义处
  • markdown-assistant 更好的写.md文件
  • markdown-scroll-sync 同上一个
  • merge-conflicts 方便的合并冲突
  • minimap-find-and-replace 一个minimap
  • platformio-ide-terminal 给 Atom 添加了一个Terminal 免去了切换 Terminal 的麻烦
  • todo-show 显示出项目中所有的 // TODO:…
  • jshint 语法错误检测
  • git-log git提交记录图形化
  • regex-railroad-diagram 正则表达式图形化

自定义样式

  • Atom -> stylesheets -> 编辑 CSS 文件 -> save

Atom，你值得拥有~