Plugin --- [![jaywcjlove/sb](https://jaywcjlove.github.io/sb/ico/awesome.svg)](https://github.com/jaywcjlove/awesome-mac) [![jaywcjlove/sb](https://jaywcjlove.github.io/sb/lang/chinese.svg)](editor-plugin-zh.md) [![Gitter](https://jaywcjlove.github.io/sb/ico/gitter.svg)](https://gitter.im/awesome-mac/en?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge) ## Atom Plugin * Common plugins * [relative-numbers](https://atom.io/packages/relative-numbers) - Relative line numbers. * [trailing-spaces](https://atom.io/packages/trailing-spaces) - Highlights trailing whitespace. * [terminal-plus](https://atom.io/packages/terminal-plus) - A terminal package for Atom, complete with themes and more. * [vim-mode-plus](https://atom.io/packages/vim-mode-plus) - Add vim modal control. * [ex-mode](https://atom.io/packages/ex-mode) - ex-mode for Atom's vim-mode. * [autocomplete-paths](https://atom.io/packages/autocomplete-paths) - Autocomplete + paths suggestions * [docblockr](https://atom.io/packages/docblockr) - A helper package for writing documentation. * [open-terminal-here](https://atom.io/packages/open-terminal-here) - Open the Terminal (OSX, Linux) or Command Prompt (Windows) in the given directory via context menu or keyboard shortcut. * [proton-mode](https://atom.io/packages/proton-mode) - The same as the spacemacs shortcut keys, very good。 * [dracula-syntax](https://atom.io/packages/dracula-syntax) - Dracula beautiful color。 * [filecolor](https://atom.io/packages/filecolor) - No file type, no color display, convenient search a file。 * [golden-ratio](https://atom.io/packages/golden-ratio) - Automatically adjust the window size。 * [local-history](https://atom.io/packages/local-history) - Local file history, can return any time to save the file。 * [regex-railroad-diagram](https://atom.io/packages/regex-railroad-diagram) - Graphical display of regular expressions。 * Front-end * [tag](https://atom.io/packages/tag) - A Sublime Text-inspired Tag menu and functions for Atom. * [autoprefixer](https://atom.io/packages/autoprefixer) - Prefix CSS and SCSS. * [linter-jshint](https://atom.io/packages/linter-jshint) - Linter plugin for JavaScript, using `jshint`. * [atom-html-preview](https://atom.io/packages/atom-html-preview) - The built-in Chrome, mobile terminal, is very good。 * [tree-view-copy-relative-path](https://atom.io/packages/tree-view-copy-relative-path) - You can talk with the current file output, the relative path to the target file for file call each other more。 * Python * [autocomplete-python](https://atom.io/packages/autocomplete-python) - Python packages, variables, methods and functions with their arguments autocompletion in Atom powered by [Jedi](https://github.com/davidhalter/jedi) * [linter-flake8](https://atom.io/packages/linter-flake8) - Atom linter plugin for Python, using flake8. * [python-tools](https://atom.io/packages/python-tools) - Goto definition, show usages, refactor/rename and more for python files. ## Sublime Text Plugin * [PlainTasks](https://packagecontrol.io/packages/PlainTasks) - An opinionated todo-list plugin. * [sublimelint](https://github.com/lunixbochs/sublimelint) - A framework for error highlighting. Support AppleScript, C, C++, CSS, CoffeeScript, Go, HAML, HTML, Java, JavaScript, Lua, NASM, PHP, Perl, Python, Puppet, Ruby, XML. * [jQuery](https://packagecontrol.io/packages/jQuery) - Sublime Text package bundle for jQuery. * [Underscore](https://packagecontrol.io/packages/Underscore.js%20Snippets) - Underscore 1.4 snippets for Sublime Text 2. * [DocBlockr](https://packagecontrol.io/packages/DocBlockr) - Simplifies writing DocBlock comments in Javascript, PHP, CoffeeScript, ActionScript, C & C++. * [SublimeCodeIntel](https://packagecontrol.io/packages/SublimeCodeIntel) - Full-featured code intelligence and smart autocomplete engine. * [ColorPicker](https://packagecontrol.io/packages/ColorPicker) - A multi-platform color picker plugin. * [HTML-CSS-JS Prettify](https://packagecontrol.io/packages/HTML-CSS-JS%20Prettify) - HTML, CSS, JavaScript and JSON code formatter for Sublime Text 2 and 3 via `node.js`. * [WakaTime](https://packagecontrol.io/packages/WakaTime) - A plugin for metrics, insights, and time tracking automatically generated from your programming activity. * [Seti_UI](https://packagecontrol.io/packages/Seti_UI) - A beautiful theme, including file icons. * [OmniMarkupPreviewer](https://packagecontrol.io/packages/OmniMarkupPreviewer) - Live previewer/exporter for markup files (markdown, rst, creole, textile...). * [BracketHighlighter](https://packagecontrol.io/packages/BracketHighlighter) - Bracket and tag highlighter. * [Markdown Extended](https://packagecontrol.io/packages/Markdown%20Extended) - Markdown syntax highlighter. * [Babel](https://packagecontrol.io/packages/Babel) - Syntax definitions for ES6 JavaScript with React JSX extensions. * [AutoFileName](https://packagecontrol.io/packages/AutoFileName) - Automatically complete the file name。 * [FTPSync](https://packagecontrol.io/packages/FTPSync) - FTP sync plug-in, local file synchronization with the virtual machine is very convenient。 * [Color Highlighter](https://packagecontrol.io/packages/Color%20Highlighter) - Highlight color key word, very suitable for CSS code。 * [File History](https://packagecontrol.io/packages/File%20History) - Local file history, every time modify the file will be history。 * [JavaScript Completions](https://packagecontrol.io/packages/JavaScript%20Completions) - Native Javascript completion。 * [JSON Reindent](https://packagecontrol.io/packages/JSON%20Reindent) - JSON formatting。 * [Git](https://packagecontrol.io/packages/Git) - Comprehensive Sublime does Text Git plug-in function。 * [GitStatus](https://packagecontrol.io/packages/GitStatus) - Monitoring changes of files and project status in real time。 * [Gitignore](https://packagecontrol.io/packages/Gitignore) - The Git Gitignore files are generated, commonly used built-in filter file。 ## VSCode Plugin * Common * [vscode-icons](https://github.com/vscode-icons/vscode-icons) - Icons for Visual Studio * [Bracket Pair Colorizer](https://github.com/CoenraadS/Bracket-Pair-Colorizer-2) - Bracket Colorizer Extension for VSCode * [Indent-Rainbow](https://github.com/oderwat/vscode-indent-rainbow) - Shows indentation with a faint rainbow colored background to make them more readable * [Trailing Spaces](https://github.com/shardulm94/vscode-trailingspaces) - Allows you to highlight trailing spaces and delete them in a flash * [TODO Highlight](https://github.com/wayou/vscode-todo-highlight) - Highlighting todos, fixmes, and any annotations * [Code Spell Checker](https://github.com/Jason-Rev/vscode-spell-checker) - A simple source code spell checker for typescript and javascript * [Document This](https://github.com/joelday/vscode-docthis) - JSDoc generator extension for Visual Studio Code * [Sublime Text Keymap](https://github.com/Microsoft/vscode-sublime-keybindings) - Popular Sublime Text keybindings for VS Code. * [Git Lens](https://github.com/eamodio/vscode-gitlens) - Supercharge the Git capabilities built into Visual Studio Code * [View In Browser](https://github.com/hellopao/view-in-browser) - View a html file in system's default browser * [SVG Viewer](https://github.com/cssho/vscode-svgviewer) - SVG Viewer for Visual Studio * [Auto-Open Markdown Preview](https://github.com/hnw/vscode-auto-open-markdown-preview) - Opening Markdown-preview automatically when opening a Markdown file * [Markdown PDF](https://github.com/yzane/vscode-markdown-pdf) - Convert Markdown file to pdf, html, png or jpeg file. * [Debugger for Chrome](https://github.com/Microsoft/vscode-chrome-debug) - Debug your JavaScript code in the Google Chrome browser. * [ESlint](https://github.com/Microsoft/vscode-eslint) - Integrate eslint into VSCode. * [TSLint](https://github.com/Microsoft/vscode-eslint) - Integrate eslint into VSCode. * HTML * [Auto Close Tag](https://github.com/formulahendry/vscode-auto-close-tag) - Auto Close Tag * [Auto Rename Tag](https://github.com/formulahendry/vscode-auto-rename-tag) - Automatically rename paired HTML/XML tag * [HTML Snippets](https://marketplace.visualstudio.com/items?itemName=abusaidm.html-snippets) - Html snippets * [IntelliSense for CSS class names in HTML](https://github.com/Zignd/HTML-CSS-Class-Completion) - Provides CSS class name completion for the HTML class attribute based on the CSS files in your workspace * [HTML CSS Support](https://github.com/ecmel/vscode-html-css) - CSS support for HTML documents * JS * [npm Intellisense](https://github.com/ChristianKohler/NpmIntellisense) - Autocompletes npm modules in import statements * [Path Intellisense](https://github.com/ChristianKohler/PathIntellisense) - Autocompletes filenames * [Auto Import](https://github.com/soates/Auto-Import) - Automatically finds, parses and provides code actions for all available imports. * [Code Runner](https://github.com/formulahendry/vscode-code-runner) - Run code snippet or code file for multiple languages * [Import Cost](https://github.com/wix/import-cost) - Display import/require package size in the editor. * [Regex Previewer](https://github.com/chrmarti/vscode-regex) Test regex and preview * React/Vue * [react-beautify](https://github.com/taichi/react-beautify) - This extension wraps prettydiff/esformatter to format your javascript, JSX, typescript, TSX file. * [Reactjs code snippets](https://github.com/xabikos/vscode-react) - Code snippets for Reactjs development in ES6 syntax. * [Vetur](https://github.com/vuejs/vetur) - Vue tooling for VS Code,support Syntax-highlighting,Auto Completion,Snippet... ## Vim Plugin * [WebVim](https://github.com/krampstudio/webvim) - Vim-based distribution targeting JavaScript and Web development * [Neovim](https://neovim.io/) - Vim-fork focused on extensibility and agility. [![Open-Source Software][OSS Icon]](https://github.com/neovim/neovim) ![Freeware][Freeware Icon] * [ivim](https://github.com/kepbod/ivim) - An easy & highly customizable vim configuration. [OSS Icon]: https://jaywcjlove.github.io/sb/ico/min-oss.svg [Freeware Icon]: https://jaywcjlove.github.io/sb/ico/min-free.svg [app-store Icon]: https://jaywcjlove.github.io/sb/ico/min-app-store.svg