Édition Sublime Text3 Markdown + aperçu en temps réel-sublime-php.cn

Édition Sublime Text3 Markdown + aperçu en temps réel

藏色散人

Libérer： 2019-10-29 14:21:53

avant

6321 Les gens l'ont consulté

La colonne tutorielle suivante de sublime vous présentera comment utiliser Sublime pour modifier le démarque et le prévisualiser en temps réel dans le navigateur. J'espère que cela sera utile à vos amis. dans le besoin !

Édition Sublime Text3 Markdown + aperçu en temps réel

Instructions

Cet article explique comment utiliser Sublime pour modifier la démarque et la prévisualiser en temps réel dans le navigateur.

Si vous souhaitez un aperçu en temps réel dans Sublime, cet article n'est peut-être pas très applicable.

Tout d'abord, voici un rendu :

Édition Sublime Text3 Markdown + aperçu en temps réel

Plug-ins requis

● Édition Markdown

Principalement utilisé pour la coloration syntaxique lors de l'édition de Markdown, avec de meilleurs effets visuels

● Aperçu du Markdown

Utilisé pour prévisualiser l'effet dans le navigateur

● LiveReload

Rechargement à chaud

Étapes de configuration

1. Installer Package Control (si déjà installé, veuillez ignorer cette étape)

1) Ouvrez la console

Utilisez ctrl + ou View -> show console` pour ouvrir la console.

2) Copiez le code suivant dans la console (ou allez sur le site officiel pour copier)

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

Copier après la connexion

2 Installez le plug-in

<🎜. >1) ctrl + shift + p Sélectionnez Package Control : Install Packge

Édition Sublime Text3 Markdown + aperçu en temps réel

2) Dans la liste des plugins, sélectionnez l'aperçu de la démarque de recherche

Édition Sublime Text3 Markdown + aperçu en temps réel

3) Répétez les deux étapes ci-dessus pour installer Markdown Editing et LiveReload respectivement

3) Modifier les éléments de configuration

1) Définissez activate_autoreload de Markdown Preview sur true.

Ouvrir les préférences – Paramètres du package – Aperçu Markdown – Paramètre, ajouter les paramètres utilisateur :

{
    "enable_autoreload": true,
}

Copier après la connexion

2) Activer LiveReload

Ouvrir ctrl + maj + p, saisir LiveReload : activer /désactiver les plug-ins, sélectionnez Activer : Rechargement simple.

4. Définissez les touches de raccourci d'aperçu

Sélectionnez Préférences — Liaisons de touches-Utilisateur et ajoutez le contenu suivant :

{ "keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"} }

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!