Shulou(Shulou.com)06/02 Report--

This article is about how to use Sublime to edit markdown for real-time preview. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

Description

This article is about how to edit markdown with Sublime and preview it in real time in a browser.

If you want to preview in real time in Sublime, this article may not be very applicable.

Let's start with an effect picture:

Required plug-in

● Markdown Editting

It is mainly used to highlight the syntax when editing Markdown, with better visual effect.

● Markdown Preview

Used to preview the effect in the browser

● LiveReload

Thermal loading

Setup step

1. Install Package Control (if installed, please ignore this step)

1) Open the console

Use ctrl + or View-> show console` to open the console.

2) copy the following code to console (or copy it on the official website)

Import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' +' ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path (); urllib.request.install_opener (urllib.request.build_opener (urllib.request.ProxyHandler (); by = urllib.request.urlopen (' http://packagecontrol.io/' + pf.replace ('','% 20'). Read (); dh = hashlib.sha256 (by). Hexdigest () Print ('Error validating download (got% s instead of% s), please try manual install'% (dh, h)) if dh! = h else open (os.path.join (ipp, pf),' wb') .write (by)

2. Install the plug-in

1) ctrl + shift + p Select Package Control: Install Packge

2) in the plug-in list, select search markdown preview

3) repeat the above two steps to install Markdown Editting and LiveReload respectively

3. Modify configuration items

1) set the enable_autoreload of Markdown Preview to true

Open Preferences-Package Settings-Markdown Preview-Setting and add to the user settings:

{"enable_autoreload": true,}

2) enable LiveReload

Open ctrl + shift + p, enter LiveReload: Enable/disable plug-ins, and select Enable: Simple Reload.

4. Set the preview shortcut key

Select Preferences-Key Bindings-User and add the following:

{"keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser": "markdown"}} Thank you for reading! On "how to use Sublime to edit markdown to achieve real-time preview" this article is shared here, I hope the above content can be of some help to you, so that you can learn more knowledge, if you think the article is good, you can share it out for more people to see it!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.