Sublime Text3+Markdown configuration steps [detailed graphic explanation]

The following tutorial column will introduce you to the Sublime Text3 Markdown configuration steps [detailed pictures and texts] in the sublime tutorial column. I hope it will be helpful to friends in need!

#Sublime is a very good text editor. You can install a large number of plug-ins, and using Sublime Markdown gives you a unique experience. Here I only describe how to configure it correctly (taking Sublime Text 3 as an example). For usage tips, please refer to related articles.

1. Install Package: Markdown Preview and Markdown Editing, open Perferences > Package Control

2. Enter Install Package and press Enter

3. Enter Markdown Preview in the pop-up window and press Enter

##4. You can see that the bottom of sublime shows that Markdown Preview is being installed. This will take a few minutes. Wait patiently. After the installation is completed, it will show that the installation is successful. Install Markdown Editing in the same way

5. Set Markdown editing highlight, open Perferences > Package Settings > Markdown Preview > Setting-User, enter the following code, save

{    "font_size": 13,    "ignored_packages":
    [        "Vintage"
    ],

    /*
        Enable or not mathjax support.
    */    "enable_mathjax": true,

    /*
        Enable or not highlight.js support for syntax highlighting.
    */    "enable_highlight": true,
}

6. Set the browser preview shortcut key, open Perferences > Key Bindings, enter the following code on the right, and save

{"keys": ["Ctrl+m"], "command": "markdown_preview", "args":{"target" : "browser"} }

7. Verify whether the configuration is successful, create a new document with the suffix .md, edit it with Sublime, and enter Save the following code

#这是标题[链接](http://www.baidu.com)*斜体*  **加粗*** 列表1* 列表2* 列表3`高亮`

9. Press the shortcut key Ctrl m, the browser displays the following content, the configuration is successful

The above is the detailed content of Sublime Text3+Markdown configuration steps [detailed graphic explanation]. For more information, please follow other related articles on the PHP Chinese website!