在代碼編輯器、文本編輯器領域，有著不少的「神器」級的產品，如歷史悠久的?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 编辑器插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。