Atom 是專門爲程序員推出的一個跨平臺文本編輯器。具有簡潔和直觀的圖形用戶界面,並有很多有趣的特點:支持CSS,HTML,JavaScript等網頁編程語言。它支持宏,自動完成分屏功能,集成了文件管理器。
該文章會持續更新,推薦關注本人或收藏該文章
1. sync-settings
插件和配置備份,防止系統重裝後需要重新查找插件,直接自動下載插件並且配置好atom
2. js-hyperclick
3. color-picker
取色工具
4. pigments
編輯器中直接查看代碼所代表的顏色,工具雖小但是很實用。
5. minimap
仿sublime text的縮略代碼查看,想找的地方一目瞭然。
6. highlight-selected
選擇某段代碼自動高亮相同代碼
7. minimap-highlight-selected
實現minimap高亮選擇內容,需安裝前2個插件
8. emmet
HTML開發必備神奇,大大提高你的工作效率
官方地址及演示:http://docs.emmet.io/
9. docblockr
智能代碼註釋,讓註釋更有規範
10. atom-ternjs
支持多種語言代碼補全,例如:ES5, ES6 (JavaScript 2015), Node.js, jQuery, Angular …
11. atom-beautify
支持多種語言格式化,例如:HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL …
12. linter
代碼錯誤提示,需要配合相應的規則插件進行使用,例如:linter-eslint
13. linter-eslint
根據eslint規則進行js代碼檢驗,需要安裝linter插件
14. project-manager
快速打開儲存的項目
15. autocomplete-paths
自動補全文件路徑
16. atom-react-native-autocomplete
react-native代碼補全插件
17. language-javascript-jsx/language-babel
代碼高亮,支持ES6,ES7, React JSX…
18. es6-javascript
ES6代碼快捷鍵
19. react-snippets
react代碼快捷鍵
20. monokai(主題)
monokay主題
21. Sublime-Style-Column-Selection
局部選擇插件
22. file-icons
左側樹狀圖下,根據文件類型左側顯示不同圖標
23. tool-bar
工具欄插件,需要配合其他插件
24. flex-tool-bar
配合工具欄插件,自定義圖標與事件
25. hyperclick
快速跳轉插件,配合js-hyperclick可以跳轉到函數所在位置。
26. atom-bootstrap3
bootstrap3 html自動補全插件
27. livereload
配合chrome livereload插件,實現實時預覽功能
28. open-in-browser
快速瀏覽器訪問當前文件
29. atom-minify
JS、CSS壓縮工具
30. text-manipulation
文本格式化工具,文件HASH生成器等工具集合插件
31. custom-folds
實現類似VS中的region功能