Recommended sharing of 40+ commonly used plug-ins in atom (with plug-in installation methods)

This article will share with you 40 atom commonly used plug-ins, and attach the method of installing plug-ins in atom. I hope it will be helpful to everyone!

ATOM commonly used plug-in recommendations

##1. Introduction to ATOM

Atom is an open source code editor developed by GitHub that supports custom programming languages ​​such as HTML, CSS and JS. Due to its simple and intuitive interface, support for third-party package installation and macro support, it is deeply loved by programmers! [Related recommendations:

atom usage tutorial]

Official website link: https://atom.io/

2. ATOM commonly used plug-in recommendations

Since github launched atom, I have installed and experienced it. As the use time increased, I gradually collected some commonly used plug-ins (most plug-ins should be suitable for everyone, and a small number of plug-ins feel more suitable for me. flavors) are listed here for your reference.

1. simplified-chinese-menu

Simplified Chinese language package of Atom, which is currently the most complete Chinese language package. Including menu Chineseization, right-click menu Chineseization and setting Chineseization

##2, atom- beautify

One-click beautification of code format, supports formatting in multiple languages, such as: HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C, C#, Objective-C, CoffeeScript , TypeScript, Coldfusion, SQL…

3、last-cursor-position

The cursor can be freely switched to the previous/next time Edit position

4, minimap

imitation sublime text abbreviation code view, the place you want to find is clear at a glance.

5. minimap-highlight-selected

To realize minimap highlighting selected content, you need to install the first two plug-ins

6, activate-power-mode

Screen vibration effect, typing with special effects, shock effect when typing

7. Color-picker

Color picker tool, pick colors in the editor

##8. Pigments

Color display plug-in, you can directly view the color represented by the code in the editor. The tool is small but very practical.

9. highlight-selected

Select a certain piece of code to automatically highlight the same code

10. emmet

Must-have magic for HTML development, greatly improve your work efficiency

Speed ​​up web development and provide snippet (code snippets) , abbreviation expand function.

11. docblockr

Intelligent code comments make comments more standardized

12. project-manager

Quickly open stored projects

13. autocomplete-paths

Autocomplete file path

14、atom-react-native-autocomplete

react -native code completion plug-in

##15, merge-conflicts

Handle merged conflicting files in Atom

16. script

Run the script under atom and support multiple development languages.

17, browser-plus

Editor built-in browser

18, ask-stack

Quick question in atom stackoverflow

19, regex-railroad-diagram

Regular expression graphical

20, advanced-open-file

Quickly open files or create new ones file, and also supports path completion

##21, quick-highlight

code highlighting

Show found count on StatusBar.

22、platformio-ide-terminal

Terminal tool

23, open-in-browsers

Open the code in any installed browser

Browser List in context menu

24、linter/ linter-eslint

code error prompt, It needs to be used with the corresponding rule plug-in, for example: linter-eslint (js code inspection according to eslint rules, the linter plug-in needs to be installed)

25, autocomplete- paths

There will be prompts when filling in the path

26, hyperclick / js-hyperclick

Used together, these two plug-ins can implement Ctrl click similar to IDE, jumping to the place where the variable function is declared or defined.

hyperclick example:

##s-hyperclick example

27, Sublime- Style-Column-Selection

Partial Selection Plug-in

28, file-icons

Left Under the side tree view, different icons are displayed on the left side according to the file type

29, tool-bar

toolbar plug-in, Need to cooperate with other plug-ins

##30, flex-tool-bar

With toolbar plug-ins, custom icons and events

31, atom-terminal-panel

atom built-in command line tool

32, language-javascript-jsx/language-babel

Code highlighting, supports ES6, ES7, React JSX...

33, es6- javascript

ES6 code shortcut keys

34, react-snippets

react code shortcut keys

35. atom-bootstrap3

bootstrap3 html automatic completion plug-in

36. sync-settings

Backup plug-in and configuration backup to prevent After reinstalling the system, you need to search for the plug-in again, directly download the plug-in automatically and configure atom

37 and atom-ternjs

to support code completion in multiple languages, for example: ES5, ES6 (JavaScript 2015), Node.js, jQuery, Angular…

38、vim-mode

Yes vim-mode must install ex-mode and relative-numbers plug-ins. The former allows the editor to perfectly support commands such as :w:s; the latter can implement relative line numbers in regular mode. Those who use vim will naturally understand its importance.

39、terminal-plus

cmd shift tOpen a new console

ctrl `Open/close the console

##cmd shift j/kSwitch console

In addition, you can also name or set the color of the console navigation through the navigation bar, which is very convenient.

40, tortoise-svn

svn plug-in

41, Git/github

git- plus—Execute Git commands in Atom without switching back and forth between the terminal and the editor

git-control—git panel

tree-view-git-status—Folder git status

Settings:

gist-it— Quickly share code to gist.github.com

##git-log

图形化git提交记录

monokai(theme)

monokay主题

3. How to install the plug-inOpen the software and click file——》settings——>install

Search and install themes or plug-ins, and finally click install.

[Related recommendation: "

atom tutorial

"]

The above is the detailed content of Recommended sharing of 40+ commonly used plug-ins in atom (with plug-in installation methods). For more information, please follow other related articles on the PHP Chinese website!