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

This article will share with you 40atomcommonly 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提交记录

Copy after login

monokai(theme)

monokay主题

Copy after login

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!