在代码编辑器、文本编辑器领域,有着不少的「神器」级的产品,如历史悠久的 VIM、Emacs 以及如今当红的 SublimeText。另外还有 VS Code、EditPlus、NotePad++、UltraEdit 等一大堆流行的利器,可谓百家争鸣。然而,作为目前全球范围内影响力最大的代码仓库/开源社区,GitHub 的程序员们并不满足于此。他们使用目前最先进流行的技术重新打造了一款称为“属于21世纪”的代码编辑器——Atom, 它开源免费跨平台,并且整合 GIT 并提供类似 SublimeText 的包管理功能,支持插件扩展,可配置性非常高……Atom 代码编辑器支持 Windows、Mac、Linux 三大桌面平台,完全免费,并且已经在 GitHub 上开放了全部的源代码。在经过一段长时间的迭代开发和不断改进后,Atom 终于从早期的测试版达到了 1.0 正式版了!相比之前的版本,在性能和稳定性方面都有着显著的改善。

下面汇总一下它的插件,让你的工作效率飙升。

1. emmet html补全

2. active-power-mode

文字泡沫
3. power-mode
随地泡沫
4. atom-miku
跳舞的姑娘
5. autocomplete-plus
当输入的时候,提供可能的候选项。
5. atomic-chrome
chrome里面的编辑框直接在atom编辑
6. minimap
源码预览图,提供丰富的自定义选项
7. file-icons || file-icon-supplement
显示文件类型对应的图标。
8. atom-beautify
格式化代码,更统一的代码风格。
9. Color Picker
在编辑器里面挑选颜色。
10. Editor-setting
给每个语言独立设置扩展和功能
11. atom-terminal-panel
atom内置命令行工具
12. Git
git-control git面板 git-controlhub git面板 open-gitub 在atom打开gitub
13. language-JavaScript-jsx
jsx扩展
14. markdown-preview-plus
markdown预览
15. tool-bar
toolbar-iconshortcuts tool-bar-atom tool-bar-shortcut //功能丰富 tool-bar-shortcuts //可以自选选项 左侧工具栏
16. atom-html-preview
预览lhtml页面
17. vim-mode
atom添加vin模式
18. pigment
颜色代码着色显示(代码指定的颜色)
19. autocomplete-modules
模块名自动补全
19. php-server
给某个文件夹php服务器启动
20. live-server
自动刷新的服务器
21. React
atom-react-preview react预览 react 语法支持 atom-react-native-autocomplete RN代码补全
22. tree-view-git-status
文件夹git状态
23. tree-view-background
文件栏背景图
24. glowing-cursor
打字时候光标颜色
25. filecolor
文件名颜色
26. windows-context-menu
给windows添加打开快捷方式
27. open-in-browser
默认程序打开代码
28. sound
keyboard-sound typewriter-sound 敲代码声音
29. video-player
背景播放视频
30. all-times-you-know
atom全局背景
31. hacker-news-background-titles
黑客新闻标题和打开链接(无文件打开状态下在背景)
32. editor-background
背景图片和视频
33. server-script
同步/运行脚本到服务器
34. custom-title
给atom设置个性化标题
35. status-bar
line-count-status move-status-items status-bar-clock battery-status git-statusctags-status //类,函数,作用域
36. menu-manager
顶部菜单管理
37. php-class-tree
php类和方法树状图
38. Nuclide
Facebook的IDE
39. Script
在编辑器里运行代码
40. remote-edit
编辑服务器上的文件
41. remote-sync
同步服务器上的文件
42. remote-ftp
服务器文件的树状结构显示
43. browser-plus
浏览器
44. preview-plus
浏览一切
45. open-in-browser
在浏览器打开
46. language-babel
jsx语法
47. games
atom-2048 snake tetromino
48. markdown-preview && markdown-scroll-synic
将markdown-preview编辑区和预览区同步滚动
49. markdown-writer
方便管理markdown里的图片和链接
50. markdown-table-format
格式化markdown的表格
51. atom-hexo
atom编辑器里执行hexo命令写博客
52. github-issure
github-issure帮助工具
53. github
github-user-dataip 显示文档里github账号的详细信息 create-github-repo 创建github repository my-github-profile 显示自己github信息在状态栏 github-notification 通知github消息 gist-it 快速分享代码到gist.github.com(可惜天朝用不了gist)
54. sourcerer
根据遇到的问题查找stackoverflow代码片段
55. ask-stack
在atom快速提问stackoverflow
56. debug
node-debugger php-debug python-debugger swift-debugger go-debug ...
57. file-header || header-42
给当前编辑文件添加用户时间等头部信息
58 atom-minify || uglify
js 代码混淆
59. atom-bautifiy
美化一切代码
60. atom-music
本地音乐播放器
61. musicBox
atomn内嵌listenvideo.com
62. youtube-pane || playyoutube
atom内嵌youtube
63. themed-settings
美化设置面板
64. markdown-themeable-pdf
markdown转换成pdf,html,png
65. jupyter-notebook || note-book
atom内嵌notebook
66. markdown-scroll-sync
当markdown-preview时编辑框和预览框同步
67. autocomplete-python
python代码自动补全
68. javascript-snippets
输入特殊的字符后自动扩展成对应的 Javascript 代码片段
69. go-to-line
跳转到指定的行,只要 ctrl + g 后输入行号即可
70. atom-ternjs
js,nodejs,es6补全
71. regex-railroad-diagram
正则表达式图形化显示
72. atom-shell-commands
自定义shell命令
73. advanced-open-file
通过 Cmd-Alt-O/Ctrl-Alt-O 快速的打开文件或新建文件,同时支持路径补全
74. seti-ui
带文件图标的黑色主题
75. php-cx-fixer
运行php
76. git-log
图形化git提交记录
77. pretty-json
格式化json数据
78. drag-drop-text
用鼠标复制剪切粘贴文本
79. to-base64 | base64
文件转base64
80. draw-on-image
截屏和编辑图片
81. command-toolbar
个性化atom的各个按钮命令
82. Encourage
atom来鼓励你写代码
83. platformio-ide-terminal
又是一个很棒的terminal


适用于 Web 开发者的 Atom 编辑器插件相关推荐

  1. Web开发者用什么编辑器?

    写在前面的话:从事web前端开发也有一段时间了,今天主要想分享的是文字(代码)编辑器.对于编辑器每个人都有自己的偏爱,也分不同语言的编码者,这里我就拿我接触过的来说说吧! Web开发者用什么编辑器? ...

  2. Eclipse离线安装Emmet插件----web开发者绝对熟悉的插件之一

    web开发者对Emmet 这个插件相信大家都不会陌生. 之前是重配eclipse环境的时候基本都需要重新安装这个插件,之前都是通过eclipse的在线安装,但是因为懒的缘故,久而久之连在线安装的过程都 ...

  3. 前端开发 Atom 编辑器插件安装和配置

    插件列表和使用方法: 使用 apm list可以查看自己安装的插件和 Atom 默认自己安装的插件.我这里注重介绍我自己安装的插件 1.自动补全 atom-ternjs----JavaScript 自 ...

  4. 一些适用于前端开发的 Atom 插件

    原文链接:awesome-atom-packages 这是一个适用于 Web 开发者的 Atom 插件列表. 有了这些插件帮助, Atom 可以为我们提供类似 IDE 的功能.刚接触 Atom ? 语 ...

  5. WEB前端开发准备-Atom编辑器使用说明 Atom常用插件推荐 Atom快捷键

    Atom 前言 ATOM node.js 插件 atom-beautify open in Browser Browser-plus color-picker Emmet 快速生成Html 快速生成元 ...

  6. 2020-09-30WEB前端开发准备-Atom编辑器使用说明 Atom常用插件推荐 Atom快捷键

    Atom 前言 ATOM node.js 插件 atom-beautify open in Browser Browser-plus color-picker Emmet 快速生成Html 快速生成元 ...

  7. Win7下安装一个装逼文本编辑器Atom + activate-power-mode插件

    Atom是Github推出的一个文本编辑器,搜索一下大概是给Web前端用的,最近比较火的是他的一个插件activate-power-mode,可以实现打字屏振效果. 用来装装逼还是挺适合的,本来想试试 ...

  8. atom编辑器的常用插件

    ATOM常用插件推荐 simplified-chinese-menu  ATOM的汉化插件 file-icons  文件图标美化 atom-beautify  代码格式一键美化 last-cursor ...

  9. Web开发者一定会用的5个google浏览器插件

    2019独角兽企业重金招聘Python工程师标准>>> 对于第三方google浏览器插件,唯一的缺点就是质量和实用性不太一致.这些年来,我使用过大量的浏览器插件,直到现在我还是会仔细 ...

最新文章

  1. 当互联网人决定躺平......
  2. oracle之alter学习笔记
  3. Git忽略规则及.gitignore规则不生效的解决办法
  4. Batch Normalization的细致理解
  5. Linux学习之CentOS(二)--初识linux的一些常用命令
  6. vue.js中使用radio和checkbox
  7. SQL经典面试题(二)
  8. coco showanns不显示_coco奶茶加盟好不好?【5月官网最新公布】加盟费用+加盟流程...
  9. arm9260 linux编译,关于linux9260烧写软件和gdb调试器的使用
  10. Python:程序设计方法学、体育竞技分析
  11. 从gb2py.idx中获取一个汉字的拼音首字母
  12. 门店定位怎么在地图上显示_怎么在百度地图上面显示自己店面的地址,
  13. 在Windows 2003环境下配置 PHP 5.2.5 + Apache HTTP Server 2.2.8 + MySQL 6.0
  14. ArcGIS Model批量矢量裁剪矢量
  15. ​LeetCode刷题实战623:在二叉树中增加一行
  16. 2008,AMD发展史上的一个分水岭
  17. fmt:formatDate标签的输出格式
  18. 微信 IOS系统 安卓时间格式
  19. 湘潭大学oracle上机试题,湘潭大学计算机考题2010
  20. 教你竖屏视频上下黑边添加图片的剪辑技巧

热门文章

  1. 模拟退火算法实现寻找函数最值
  2. 跨越数字化周期,数据质量如何影响和驱动业务增长
  3. 【光链路分析一】一款基于OTDR的光链路分析软件
  4. 合金工具钢尺寸、外形及允许偏差
  5. QSettings 操作注册表 与 ini 文件的优劣
  6. 移动硬盘文件或目录损坏且无法读取解决方法
  7. redis当成数据库使用,时间范围查询
  8. 新基建开航之际,百度“黄埔学院”发力培养“AI船长”
  9. 【华为OD机试模拟题】用 C++ 实现 - 新员工座位安排系统(2023.Q1)
  10. Windows 11 消费者版 (含家庭版 / 专业版 / 专业工作站 / 家庭单语言版)