ATOM实用插件
发布于 4 年前 作者 burning0xb 22705 次浏览 来自 分享

分享几个实用的ATOM插件,虽然ATOM打开大文件是硬伤,不过有这些插件用起来真的是很顺手,大爱ATOM

1、atom-beautify Beautify HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL, and more in Atom untitled3.png 2、atom-clock Display a customizable clock in the status bar. untitled1.png 3、atom-ctags better autocomplete for atom 68747470733a2f2f636c6f75642e67697468756275736572636f6e74656e742e636f6d2f6173736574732f3730343736322f333438333836372f65306261633265652d303339372d313165342d383963312d3730363839663662386666332e676966.gif

4、atom-html-preview A live preview tool for Atom Editor. 5、atom-miku Miku能从你的代码中得到获得充能! untitled2.png 6、atom-nodejs- snippet A Collection of Nodejs, Js snippet 7、atom-react-native-css Style React-Native components with css and built in support for SASS687474703a2f2f376f78666b312e636f6d312e7a302e676c622e636c6f7564646e2e636f6d2f61746f6d2d72656163742d6e61746976652d6373732d64656d6f2e676966.gif 8、atom-ternjs JavaScript code intelligence for atom with Tern. Adds support for ES5, ES6 (JavaScript 2015), Node.js, jQuery & Angular. Extendable via plugins. 9、atomic-chrome Edit Chrome text directly from Atom 68747470733a2f2f636c6f75642e67697468756275736572636f6e74656e742e636f6d2f6173736574732f313433363237312f31323636383232372f61666565366135322d633639372d313165352d396231392d6338383061306535343133322e676966.gif 10、autoclose-html Automates closing of HTML Tags 11、autocomplete-ctags Autocomplete-plus provider for ctags 687474703a2f2f692e6779617a6f2e636f6d2f30303763306165663761643461303563316639346565386365366130306434312e676966.gif 12、autocomplete-java Autocomplete-plus provider for Java 68747470733a2f2f7261772e6769746875622e636f6d2f6b65736b696a752f6175746f636f6d706c6574652d6a6176612f6d61737465722f73637265656e73686f742e676966.gif 13、autocomplete-js-import Autocompletes commonjs and es6 import statements js imp.gif 14、autocomplete-json Atom autocomplete+ plugin for semantic JSON completions json.gif 15、autocomplete-modules Autocomplete for require/import statements modu.gif 16、autocomplete-paths Adds path autocompletion to autocomplete+ path.gif 17、autocomplete-php Autocomplete-php is a PHP provider for autocomplete+ php.gif 18、autocomplete-python Python completions for packages, variables, methods, functions, with their arguments. Powered by your choice of Jedi or Kite. python.gif 19、autocomplete-xml Autocomplete+ provider for XML via XSD xml.gif 20、color-picker Right click or press CMD-SHIFT-C/CTRL-ALT-C to open it. untitled4.png 21、custom-title Set your own template for Atom’s title bar. 22、docblockr A helper package for writing documentation doc.gif 23、editorconfig Helps developers maintain consistent coding styles between different editors untitled5.png 24、emmet Emmet – the essential tool for web developers 25、file-icons Assign file extension icons and colours for improved visual grepping file.png 26、filecolor Add color to filename filecolor.png 27、git-plus Do git things without the terminal gp.gif 28、git-time-machine Visually interact with git commit history for a file untitled6.png 29、glowing-cursor A glowing cursor based on muchWeb’s neon cursor cluser.gif 30、highlight-selected Highlights the current word selected when double clicking slec.gif 31、hyperclick Pluggable text-clicking UI for Atom untitled7.png 32、javascript-snippets JavaScript & NodeJS Snippets for Atom jsn.gif 33、jquery-snippets jQuery Snippets for Atom 34、js-hyperclick A hyperclick provider that lets you jump to where variables are defined. jsh.png 35、jumpy An Atom package that creates dynamic hotkeys to jump around files across visible panes. untitled8.png 36、language-babel JavaScript ES201x, React JSX, Flow and GraphQL Grammar. Babel Transpiler babel.gif 37、language-ejs EJS support for Atom. ejs.png 38、language-javascript-jsx JavaScript, ES6, ES7, React JSX, Flow, etc… by SubtleGradient of Facebook 39、language-svg Atom language support for SVG 40、linter A Base Linter with Cow Powers untitled9.png 41、linter-csslint Lint CSS on the fly, using csslint 42、linter-eslint Lint JavaScript on the fly, using ESLint 43、minimap A preview of the full source code. map.png 44、minimap-highlight-selected A minimap binding for the highlight-selected package mh.png 45、node-debugger Debugger For Nodejs debug.jpg 46、node-requirer Node-requirer lets you quickly add require/import statements to any files/node modules within your code! noder.gif 47、nodejs-snippets atom nodejs snippets 48、pigments A package to display colors in project and files. pig.gif 49、platformio-ide-terminal A terminal package for Atom, complete with themes, API and more for PlatformIO IDE. Fork of terminal-plus. ter.gif 50、preview Ultimate previewer of source code in Atom. 51、preview-plus Preview Plus # Preview Any thing prev.png 52、project-manager Project Manager for easy access and switching between projects in Atom. proj.gif 53、qolor An atom package to color your SQL queries! sql.png 54、react React.js (JSX) language support, indentation, snippets, auto completion, reformatting 55、react-es6-snippets React ES6 snippets for atom 56、react-snippets Atom Snippets for React, React Router and Flux 57、regex-railroad-diagram Display railroad diagram of regex under cursor. sex.png 58、rest-client A simple REST client for your favorite editor rest.gif 59、run-in-browser Opens current html document in the default browser 60、svg-preview Live SVG preview svg.png 61、svn Marks lines/files in the editor gutter/treeview that have been added, edited, or deleted since the last commit. 62、sync-settings Synchronize package settings, keymap and installed packages 63、tree-view-background Displays an image in the background of the Tree view. untitled10.png 64、tree-view-git-status Show the Git repository status in the Atom tree-view git.png

这就是本人常用的一些插件 希望大家能够喜欢 ^^

6 回复

mindmap的作者 @fundon 是社区活跃人物

@i5ting 这个插件很实用 弥补了atom滚条小的缺点

@i5ting mindmap fundon没搜到东西,是不是打错什么字了?

@chapgaga 他已经变现了,哈哈

@i5ting 什么产品啊,mindmap不是产品名称啊

回到顶部