Some atom operations

Prepare to enter the pit Atom 了 , Record some actions ..

Atom Modify the theme

Click on the top left File > Settings > Themes ; Here's the picture , On the left is the setting Menu topics , On the right is the theme of the setup code . The effect will be visible after modification .

Atom Easy to use plug-ins

Set up the plugin  File > Settings > Install; Then you can search for plug-ins by yourself ,Install Installing a plug-in . After installation, it can be used , You can also customize the settings plug-in .

stay File > Settings > packages Management plug-in , You can also search for topics here , Click on Themes.

The plugin name ：

activate-power-mode  A cool special effect plug-in . After installation, the code will vibrate and the special effect pattern will appear . You can set personalized effects .

Sync Settings     collocation github, Sync your atom Plug in information , Configuration information , Let you easily realize a computer configuration , Multiple computers share .

Emmet   Can be based on Emmet Grammar produces HTML, Those who have done the previous development will not be unaware of this plug-in . Good to cry .

Atom Beautify     Code formatter , You can set automatic formatting when saving , Never mind how convenient it is . Support html,css,javascript,java,go wait , Anyway, common languages basically support .

Autocomplete Paths     Auto complete file path , This function must be used , It completely avoids the error caused by path input bug.

Auto close HTML     Automatically enter the corresponding HTML Turn off the tag , Simple but practical .

Minimap     There is no need to introduce this plug-in , from sublime Start , Always use . Never forget .

color-picker     Color picker , Let you open the color palette directly in code writing , Pick up colors .

vim-mode    vim Die hard fans must have plug-ins .

git-plus     Let you easily manage your... In the editor git project , Various commonly used git function , hand .

file-icons     It's simple , Add a nice little icon for different types of files , Essential for Yan control developers .

docblockr     Documenting comments , You'll see , Team collaboration specification annotation necessary plug-ins .

Linter Jshint     Help you write professional js Code ,js Developers must have plug-ins .

language-vue .vue Highlight the file code , After installation, only the label may be highlighted , Set as follows , All the codes can be highlighted .

File > Keymap open keymap.cson. Finally, add the following two sentences , If the first sentence already exists, just add the following sentence , Do not repeat （ After setting, just install ）.

#'atom-text-editor[data-grammar~="vue"]:not([mini])':

#  'tab': 'emmet:expand-abbreviation-with-tab'

Basic use

Command Panel

Atom Learn and refer to other excellent editors for many functions of , The command panel is one of them . 

When you first saw it , Thought it was in use Sublime Well  

The command panel is Atom One of the most commonly used features in , When you use shortcut keys in the editor Ctrl+Shift+P when , You'll see it  

You can enter... In the control panel Atom And all commands defined in the plug-in , And support fuzzy search  

For example, when you type cboo when , All contain this 4 Commands of characters are listed  

The shortcut keys corresponding to this command are also displayed after the listed commands ( If any )

Settings window

The built-in visual setting interface is Atom One of the reasons why it is easy to use , Unlike traditional editors, which need to modify the configuration file manually . 

You can use the following three methods to open the settings window  

1. The main menu Edit->Preferences 

2. Enter the command... In the command panel Settings View:Open. Because the command window supports fuzzy queries , So just enter svo, That's all right.  

3. Using shortcut keys Ctrl+,

In the settings window, you can set and manage various editor behaviors , Keyboard shortcuts , plug-in unit , Theme and other contents

Set the window interface theme and code highlighting

Atom Bring it with you 4 A window theme and 8 Code highlighting methods  

You can set the... In the window Themes Page to configure and modify  

And then there is n many n Themes made by multiple third parties can be installed , The installation method will be discussed later  

File operations

Open file

You can use the main menu File->Open File... Or shortcut key Ctrl+O To open the file selection window  

Save the file

The main menu File->Save 

Shortcut key Ctrl+S 

Save as : Ctrl+Shift+S 

Save all files : File->Save All

Open folder

Opening a folder is a very useful function , Can be like IDE Open the root directory of a project  

You can select... From the main menu File->Add Project Folder... To open or add a directory , You can also use shortcut keys Ctrl+Alt+O. 

After opening a folder, all subdirectories and files under the folder will be displayed on the left side of the main window in the form of a directory tree as shown in the following figure  

You can use the shortcut keys in the right-click menu in the directory tree bar or when selecting a file a,m,delete To create a new file , rename , Delete and other operations  

If you want to switch the display and hiding of the directory tree bar, you can use the shortcut key Ctrl+\ Or enter the command Tree View:Toggle 

In the right-click menu of the directory tree, you can also copy and paste files

Find files

When opening one or more directories , You can : 

* adopt Ctrl+T or Ctrl+P To search for files in the directory  

* adopt Ctrl+B To search for a currently open file  

* adopt Ctrl+Shift+B To search for a new or changed file

Of course, these functions also support fuzzy query  

If you need to filter out certain files while searching ( such as .pyc file ) Or directory ( such as .git), You can configure the core.ignoredNames and fuzzy-finder.ignoredNames. 

You can also configure core.excludeVcsIgnoredPaths To filter out .gitignore Files configured in . 

The specific configuration method will be discussed later .