Atom使用的技巧

向右看齐 2022-06-14 05:44 166阅读 0赞

## ATOM常用插件推荐 ##

1.  [simplified-chinese-menu][]   
    ATOM的汉化插件
2.  [file-icons][]   
    文件图标美化
3.  [atom-beautify][]   
    代码格式一键美化
4.  [last-cursor-position][]   
    光标自由切换到上一次/下一次编辑位置
5.  [minimap][]
    
    代码小地图
6.  [sync-settings][]   
    插件备份、按键绑定备份
7.  [activate-power-mode][]   
    输入时有震撼效果
8.  [tortoise-svn][]   
    svn插件
9.  [atom-terminal-panel][]   
    atom内置命令行工具
10. [Git][]/github   
    　　　[git-plus][]—在 Atom 里面执行 [Git][] 命令，不用来回切换终端和编辑器   
    　　　[git-control][]—[git][Git]面板   
    　　　[tree-view-git-status][]—文件夹git状态   
    　　　[gist-it][]—快速分享代码到gist.github.com   
    　　　![这里写图片描述][68747470733a2f2f7261772e6769746875622e636f6d2f72706f77656c6c6c2f676973742d69742f6d61737465722f6d656469612f73637265656e636173742e676966]   
    　　[git-log][]   
    　　图形化git提交记录   
    ![这里写图片描述][68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f4e696b68696c4b616c6967652f6769742d6c6f672f6d61737465722f7265736f75726365732f6769742d6c6f672e676966]
11. markdown
    
    [markdown-preview-plus][]—markdown预览
12. [vim-mode][]   
    支持vim模式
13. [script][]
    
    在atom下运行脚本，支持多种开发语言。   
    ![这里写图片描述][20160704171927138]
14. [remote-edit][]
    
    编辑机远程文件
15. [browser-plus][]
    
    编辑器内置浏览器   
    ![这里写图片描述][68747470733a2f2f7261772e6769746875622e636f6d2f736b616e6461736f66742f62726f777365722d706c75732f6d61737465722f62726f777365722e676966]
16. [ask-stack][]   
    在atom快速提问stackoverflow   
    ![这里写图片描述][68747470733a2f2f692e696d6775722e636f6d2f796e5a6c4f41542e676966]
17. [regex-railroad-diagram][]   
    正则表达式图形化
18. [advanced-open-file][]   
    快速的打开文件或新建文件，同时支持路径补全
19. [quick-highlight][]   
    代码高亮
20. [platformio-ide-terminal][]   
    终端工具   
    ![这里写图片描述][68747470733a2f2f6769746875622e636f6d2f6a6572656d7972616d696e2f7465726d696e616c2d706c75732f7261772f6d61737465722f7265736f75726365732f64656d6f2e676966]
21. [open-in-browsers][]   
    在安装过的任意浏览器打开代码
22. [merge-conflicts][]   
    在 Atom 里面处理合并产生冲突的文件   
    ![这里写图片描述][68747470733a2f2f7261772e6769746875622e636f6d2f736d61736877696c736f6e2f6d657267652d636f6e666c696374732f6d61737465722f646f63732f636f6e666c6963742d7265736f6c7574696f6e2e676966]
23. [linter][]   
    代码校验工具
24. [autocomplete-paths][]   
    填写路径的时候有提示   
    ![这里写图片描述][687474703a2f2f73312e64697265637475706c6f61642e6e65742f696d616765732f3134303431312f70356b76696665362e676966]
25. [linter][]
    
    代码校验工具(必备)

## 前端插件推荐 ##

1.  [emmet][]   
    加快web开发速度，提供snippet(代码片段)、abbreviation expand(简写展开)功能。   
    ![这里写图片描述][20160704154429796]
2.  [color-picker][]   
    在编辑器里面挑选颜色
3.  [language-JavaScript-jsx][]   
    支持JSX语法
4.  [atom-html-preview][]   
    实时预览HTML页面   
    ![这里写图片描述][68747470733a2f2f646c2e64726f70626f7875736572636f6e74656e742e636f6d2f752f32303934373030382f776562626f782f61746f6d2f61746f6d2d626f6f7473747261702d332e676966]
5.  [React][]   
    [react][]—语法支持   
    [atom-react-native-autocomplete][]—[React Native][]代码补全   
    [nuclide][]—facebook基于atom开发的进行[React][]开发的IDE
6.  [language-babel][]   
    支持JSX语法
7.  [atom-minify][]   
    css、[js][]代码压缩
8.  [atom-ternjs][]   
    js,nodejs,es6补全，高度定制化
9.  [jshint][]   
    验证js和jsx语法是否正确
10. [csslint][]   
    验证css语法是否正确
11. [autoprefixer][]   
    自动为 CSS 属性添加特定的前缀   
    ![这里写图片描述][68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f313232333536352f323238343839322f35316239393962322d396663652d313165332d396539642d3565366139636234653933332e676966]
12. [autoclose-html][]   
    闭合html标签
13. [pigments][]   
    颜色显示插件   
    ![这里写图片描述][68747470733a2f2f6769746875622e636f6d2f61626533332f61746f6d2d7069676d656e74732f626c6f622f6d61737465722f7265736f75726365732f7069676d656e74732e6769663f7261773d74727565]   
    14.[less-autocompile][]   
    less文件编译为css文件

## php插件推荐 ##

1.  [php-class-tree][]   
    php类文件下函数展示   
    ![这里写图片描述][68747470733a2f2f6769746875622e636f6d2f70696e6775696e6a6b656b652f7068702d636c6173732d747265652f626c6f622f6d61737465722f707265766965772e6769663f7261773d74727565]
2.  [php-cs-fixer][]   
    php语法检查
3.  php跳转插件(类似其他编辑器的ctrl+click)   
    需要同时安装以下两个插件：   
    [goto][]   
    [goto-definition][]   
    鼠标光标放置在要跳转的类下，按下快捷键ctrl-alt-enter即可使用   
    ![这里写图片描述][20160705100329955]  
    ![这里写图片描述][20160705100631319]
4.  [php-debug][]   
    php debug
5.  [autocomplete-php][]   
    php代码自动补全

## python插件推荐 ##

1.  [python-tools][]
    
    [Python][]跳转插件
2.  [python-debugger][]   
    [Python][] debug
3.  [autocomplete-python][]   
    python代码自动补全
4.  [linter-pep8][]   
    python编码规范检查

[simplified-chinese-menu]: https://atom.io/packages/simplified-chinese-menu
[file-icons]: https://atom.io/packages/file-icons
[atom-beautify]: https://atom.io/packages/atom-beautify
[last-cursor-position]: https://atom.io/packages/last-cursor-position
[minimap]: https://atom.io/packages/minimap
[sync-settings]: https://atom.io/packages/sync-settings
[activate-power-mode]: https://atom.io/packages/activate-power-mode
[tortoise-svn]: https://atom.io/packages/tortoise-svn
[atom-terminal-panel]: https://atom.io/packages/atom-terminal-panel
[Git]: http://lib.csdn.net/base/git
[git-plus]: https://atom.io/packages/git-plus
[git-control]: https://atom.io/packages/git-control
[tree-view-git-status]: https://atom.io/packages/tree-view-git-status
[gist-it]: https://atom.io/packages/gist-it
[68747470733a2f2f7261772e6769746875622e636f6d2f72706f77656c6c6c2f676973742d69742f6d61737465722f6d656469612f73637265656e636173742e676966]: https://i.github-camo.com/823a0649740ef364a4542b871b1003c9e6bc6bbf/68747470733a2f2f7261772e6769746875622e636f6d2f72706f77656c6c6c2f676973742d69742f6d61737465722f6d656469612f73637265656e636173742e676966
[git-log]: https://atom.io/packages/git-log
[68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f4e696b68696c4b616c6967652f6769742d6c6f672f6d61737465722f7265736f75726365732f6769742d6c6f672e676966]: https://i.github-camo.com/fe46952e7b204bcc30575e592b23bd791e40b25d/68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f4e696b68696c4b616c6967652f6769742d6c6f672f6d61737465722f7265736f75726365732f6769742d6c6f672e676966
[markdown-preview-plus]: https://atom.io/packages/markdown-preview-plus
[vim-mode]: https://atom.io/packages/vim-mode
[script]: https://atom.io/packages/script
[20160704171927138]: /images/20220614/9867ff1873084e8cbcd22738eaa57663.png
[remote-edit]: https://atom.io/packages/remote-edit
[browser-plus]: https://atom.io/packages/browser-plus
[68747470733a2f2f7261772e6769746875622e636f6d2f736b616e6461736f66742f62726f777365722d706c75732f6d61737465722f62726f777365722e676966]: https://i.github-camo.com/ddad3e5d368ffc160f2366f9b330f02d74eabbe6/68747470733a2f2f7261772e6769746875622e636f6d2f736b616e6461736f66742f62726f777365722d706c75732f6d61737465722f62726f777365722e676966
[ask-stack]: https://atom.io/packages/ask-stack
[68747470733a2f2f692e696d6775722e636f6d2f796e5a6c4f41542e676966]: https://i.github-camo.com/8498f81330c46a879f51af467c8b7fba808f87c6/68747470733a2f2f692e696d6775722e636f6d2f796e5a6c4f41542e676966
[regex-railroad-diagram]: https://atom.io/packages/regex-railroad-diagram
[advanced-open-file]: https://atom.io/packages/advanced-open-file
[quick-highlight]: https://atom.io/packages/quick-highlight
[platformio-ide-terminal]: https://atom.io/packages/platformio-ide-terminal
[68747470733a2f2f6769746875622e636f6d2f6a6572656d7972616d696e2f7465726d696e616c2d706c75732f7261772f6d61737465722f7265736f75726365732f64656d6f2e676966]: https://i.github-camo.com/377b661d04efa239cc1bb91cebd87a0a81f6f6ce/68747470733a2f2f6769746875622e636f6d2f6a6572656d7972616d696e2f7465726d696e616c2d706c75732f7261772f6d61737465722f7265736f75726365732f64656d6f2e676966
[open-in-browsers]: https://atom.io/packages/open-in-browsers
[merge-conflicts]: https://atom.io/packages/merge-conflicts
[68747470733a2f2f7261772e6769746875622e636f6d2f736d61736877696c736f6e2f6d657267652d636f6e666c696374732f6d61737465722f646f63732f636f6e666c6963742d7265736f6c7574696f6e2e676966]: https://i.github-camo.com/44ff44f156f274b8799022e44bcacb804fadc08a/68747470733a2f2f7261772e6769746875622e636f6d2f736d61736877696c736f6e2f6d657267652d636f6e666c696374732f6d61737465722f646f63732f636f6e666c6963742d7265736f6c7574696f6e2e676966
[linter]: https://atom.io/packages/linter
[autocomplete-paths]: https://atom.io/packages/autocomplete-paths
[687474703a2f2f73312e64697265637475706c6f61642e6e65742f696d616765732f3134303431312f70356b76696665362e676966]: https://i.github-camo.com/7da86dc3d22c9dd1d1c47bcb36237720fd987764/687474703a2f2f73312e64697265637475706c6f61642e6e65742f696d616765732f3134303431312f70356b76696665362e676966
[emmet]: https://atom.io/packages/emmet
[20160704154429796]: /images/20220614/f1eaf113767e4674b208392e1a952250.png
[color-picker]: https://atom.io/packages/color-picker
[language-JavaScript-jsx]: https://atom.io/packages/language-JavaScript-jsx
[atom-html-preview]: https://atom.io/packages/atom-html-preview
[68747470733a2f2f646c2e64726f70626f7875736572636f6e74656e742e636f6d2f752f32303934373030382f776562626f782f61746f6d2f61746f6d2d626f6f7473747261702d332e676966]: https://i.github-camo.com/e8b6481f350514dc852fd7c29e57bd5be139522c/68747470733a2f2f646c2e64726f70626f7875736572636f6e74656e742e636f6d2f752f32303934373030382f776562626f782f61746f6d2f61746f6d2d626f6f7473747261702d332e676966
[React]: http://lib.csdn.net/base/react
[react]: https://atom.io/packages/react
[atom-react-native-autocomplete]: https://atom.io/packages/atom-react-native-autocomplete
[React Native]: http://lib.csdn.net/base/reactnative
[nuclide]: https://atom.io/packages/nuclide
[language-babel]: https://atom.io/packages/language-babel
[atom-minify]: https://atom.io/packages/atom-minify
[js]: http://lib.csdn.net/base/javascript
[atom-ternjs]: https://atom.io/packages/atom-ternjs
[jshint]: https://atom.io/packages/jshint
[csslint]: https://atom.io/packages/csslint
[autoprefixer]: https://atom.io/packages/autoprefixer
[68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f313232333536352f323238343839322f35316239393962322d396663652d313165332d396539642d3565366139636234653933332e676966]: https://i.github-camo.com/dd22ab715187381c448cd6bd9679179d6be210dd/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f313232333536352f323238343839322f35316239393962322d396663652d313165332d396539642d3565366139636234653933332e676966
[autoclose-html]: https://atom.io/packages/autoclose-html
[pigments]: https://atom.io/packages/pigments
[68747470733a2f2f6769746875622e636f6d2f61626533332f61746f6d2d7069676d656e74732f626c6f622f6d61737465722f7265736f75726365732f7069676d656e74732e6769663f7261773d74727565]: https://i.github-camo.com/16c0c12a183c6f57fb33481984593a515777d5e8/68747470733a2f2f6769746875622e636f6d2f61626533332f61746f6d2d7069676d656e74732f626c6f622f6d61737465722f7265736f75726365732f7069676d656e74732e6769663f7261773d74727565
[less-autocompile]: https://atom.io/packages/less-autocompile
[php-class-tree]: https://atom.io/packages/php-class-tree
[68747470733a2f2f6769746875622e636f6d2f70696e6775696e6a6b656b652f7068702d636c6173732d747265652f626c6f622f6d61737465722f707265766965772e6769663f7261773d74727565]: https://i.github-camo.com/75030644e7d58acf1ad6a35653aee697eeefa2c2/68747470733a2f2f6769746875622e636f6d2f70696e6775696e6a6b656b652f7068702d636c6173732d747265652f626c6f622f6d61737465722f707265766965772e6769663f7261773d74727565
[php-cs-fixer]: https://atom.io/packages/php-cs-fixer
[goto]: https://atom.io/packages/goto
[goto-definition]: https://atom.io/packages/goto-definition
[20160705100329955]: /images/20220614/4da421d1e8dc4343a28520be6a2b9f3d.png
[20160705100631319]: /images/20220614/63b7cdfb386a470a923954cad7086d5e.png
[php-debug]: https://atom.io/packages/php-debug
[autocomplete-php]: https://atom.io/packages/autocomplete-php
[python-tools]: https://atom.io/packages/python-tools
[Python]: http://lib.csdn.net/base/python
[python-debugger]: https://atom.io/packages/python-debugger
[autocomplete-python]: https://atom.io/packages/autocomplete-python
[linter-pep8]: https://atom.io/packages/linter-pep8