Home > Development Tools > Sublime > body text

How to use MarkDown editor under Sublime Text3

藏色散人
Release: 2020-08-31 11:52:49
forward
7294 people have browsed it

The following is introduced to you by the sublime tutorial column in Sublime Text3 Here's how to use the MarkDown editor, I hope it will be helpful to friends in need!

How to use MarkDown editor under Sublime Text3

Using MarkDown editor under Sublime Text3

Step one: Package manager installation

First we need to open Tools–>Install Package Control in the menu bar, install the console
How to use MarkDown editor under Sublime Text3

Wait for a moment, the installation will be displayed successfully! Click OK!
How to use MarkDown editor under Sublime Text3

Click Preference–>Package Control in the menu bar to open the console (shortcut key: Ctrl '~”)
How to use MarkDown editor under Sublime Text3

In Enter the following code into the console:

import urllib.request,os;
pf = 'Package Control.sublime-package'; 
ipp = sublime.installed_packages_path(); 
urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); 
open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
Copy after login

The effect is as shown in the figure:
How to use MarkDown editor under Sublime Text3

In about 1 second, the code is executed and restart Sublime Text3

Step 2: Install the required plug-ins

Open the quick menu (shortcut key: Ctrl Shift P), enter 'pcip', and update the software library.
How to use MarkDown editor under Sublime Text3

Waiting for data Update, the software list will be automatically displayed after completion.
Enter the following software name and press Enter to install

// Markdown editing and syntax highlighting support
Markdown Editing
How to use MarkDown editor under Sublime Text3

// Markdown export html preview support
Markdown Preview
How to use MarkDown editor under Sublime Text3

// Customizable Auto-save function
auto-save
How to use MarkDown editor under Sublime Text3
After completing the above three steps, restart Sublime Text 3.

Step 3: Implement real-time preview function

Open the quick menu bar (shortcut key: ctrl shift P), enter mp, select the Markdown Preview plug-in to open the browser for preview
How to use MarkDown editor under Sublime Text3
At this time, there will be two options: GitHub and MarkDown , we select markdown to open the default browser to preview the content.
In order to ensure real-time updates, you need to add a line of code at the bottom of the .md file.

Copy after login

Congratulations !The browser can refresh automatically!!!

Step 4: Implement automatic update of md document to html file

Use the auto-save plug-in to implement the document Automatically save and refresh every . Modify the time interval behind the code. Here we change it to 0.5.

"auto_save_delay_in_seconds": 0.5,
Copy after login

How to use MarkDown editor under Sublime Text3
How to use MarkDown editor under Sublime Text3

At this time, open the quick menu bar (shortcut key: Ctrl Shift P) and enter 'auto'
How to use MarkDown editor under Sublime Text3
At this point, the document can be saved and refreshed every 0.5 seconds!
Open the double-sided window through Win ← or Win → to preview while editing~
How to use MarkDown editor under Sublime Text3

The above is the detailed content of How to use MarkDown editor under Sublime Text3. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:csdn.net
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!