Comment installer LiveReload sur Sublime Text 3?

Je suis en utilisant Sublime Text 3 et que vous voulez utiliser LiveReload. J'ai un plugin de navigateur pour Chrome déjà installé. Node.js est également installé.

Pour Sublime Text 3 Live Reload ce plugin doit être installé:
https://github.com/dz0ny/LiveReload-sublimetext2

Comment puis-je l'installer sur Windows 7? Il a juste dit quelque chose à propos de Linux et OSX.

source d'informationauteur user3852555

  1. 32

    Plate-forme, j'ai utilisé: Linux Mint 17+

    Je tiens à remercier http://anthozano.fr/livereload-pour-sublime-text-3/. J'ai été en mesure d'exécuter en direct recharger sur sublime text 3 avec les instructions du site web. Toutefois, le site est écrit en français (je crois que Google traduction), j'ai donc pensé que je pourrais écrire les étapes ici.

    De la première installation de sublime text 3 à partir d'ici http://www.sublimetext.com/3 ou suivre votre propre chemin, vous préférez (je l'ai fait avec Linux mint gestionnaire de paquets).

    Deuxièmement, installer de contrôle du paquet à partir d'ici https://packagecontrol.io/installation#st3 (instruction est clairement donnée dans le site donc je n'ai pas l'expliquer beaucoup).

    Troisième, ouvrir de contrôle du paquet (Raccourci : Ctrl+Shift+P) et de recherche pour Package Control: Add Repository

    Maintenant vient une région à entrer une URL au bas de sublime text 3 la fenêtre. Entrez https://raw.github.com/Grafikart/ST3-LiveReload/master/package.json.

    De nouveau, ouvrir de contrôle du paquet et de recherche pour Package Control: Install Package et ensuite, la recherche de LiveReload dans la prochaine fenêtre.

    Configurer LiveReload Package de Configuration à Preferences > Package Settings > LiveReload > Setting - Default et coller ceci :

     
{ 
"enabled_plugins": [ 
"SimpleReloadPlugin", 
"SimpleRefresh" 
] 
}

    Maintenant pour votre navigateur, installer LiveReload plug dans comme ci-dessous :

    Firefox : http://download.livereload.com/2.1.0/LiveReload-2.1.0.xpi

    Chrome : https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei

    Safari : http://download.livereload.com/2.1.0/LiveReload-2.1.0.safariextz

    N'oubliez pas d'activer le LiveReload plugin dans le navigateur une fois que vous avez installés, de sorte que vous pouvez voir le code de changements apparaissent dans la fenêtre.

    Remarque: les utilisateurs de Chrome, pour LiveReload à l'appui de file:// pages, allez à la chrome://extensions/et cochez Allow access to file URLs.

    Cliché pris à partir de Safari pour Mac OSX:
    Comment installer LiveReload sur Sublime Text 3?

    Profiter, Vivre Recharger avec Sublime Text 3.

    Grâce à Anthony Lozano pour http://anthozano.fr/livereload-pour-sublime-text-3/.

  2. 3

    Le plugin mentionné dans les commentaires, LiveReloadest disponible pour les deux ST2 et ST3, comme indiqué par le graphique sur le Paquet de Contrôle de lien j'ai juste fourni. Il fonctionne également très bien sur Windows, que la majorité de ses utilisateurs sont sur cette plate-forme. Le dépôt Github peut être nommé "LiveReload-sublimetext2", mais si vous lisez la documentation, il mentionne clairement ST3. Linux et OS X instructions dans le fichier readme sont pour l'installation à l'aide de git. Vous pouvez également utiliser git sur Windows (s'il est installé), mais l'auteur n'a apparemment pas envie de mettre des instructions explicites dans le fichier README. Au lieu de cela, la méthode préférée de l'installation par Paquet de Contrôle, comme décrites ci-dessus par type d'utilisateur DaV. Si son commentaire disparaît, ce faire:

    1. Ouvrir Sublime Text 3.
    2. Ouvrir la Palette de Commande avec CtrlMajP.
    3. Type pci pour afficher Package Control: Install Package. Appuyez sur Entrée.
    4. Type dans livereload et de s'assurer que le forfait désiré est sélectionné. Si non, utilisez les touches fléchées. Appuyez sur Entrée.
    5. Lire la la documentation et ajouter le JavaScript approprié à vos documents, ou de télécharger un plug-in de navigateur (que vous semblez avoir déjà fait, donc bon pour vous).
    6. Allez développer.
  3. 2

    Au lieu de vivre de rechargement, je vous suggère de synchronisation de navigateur, fait la même chose en mieux et sans la nécessité pour les plugins du navigateur.

    https://www.youtube.com/watch?v=Rv5f_v5gqw4

  4. 1

    LiveReload Sublime texte3：
    https://github.com/Grafikart/ST3-LiveReload

    Mais l'usage semble avoir changé:
    Activez les plugins via la Commande de la Palette (Ctrl+Maj+P) ajouter livereload.js vous document html.

  5. 0

    Un long temps s'est écoulé. Maintenant, pour sublime text 3, la plus à jour LiveReload plugin peut être trouvé ici.

    Je rencontre ce problème quand j'ai essayé de mettre en place un aperçu en direct des démarque des fichiers (je n'ai pas testé sur d'autres types de fichiers). Je pense que vous pouvez être intéressé.

    • Tout d'abord, vous devez installer sublimetext-markdown-aperçu. Suivez les instructions sur comment aperçu dans le navigateur.

      utilisation cmd+shift+P puis Markdown Preview pour afficher le suivi des commandes (vous serez invité à sélectionner l'analyseur vous préférez):

      • Markdown Aperçu: Aperçu dans le Navigateur

    • Utilisation de contrôle du paquet à installer LiveReload.

      Avec Le Paquet De Contrôle:

      Run “de Contrôle du Package: Package d'Installation de la commande”, de trouver et d'installer LiveReload >plugin.
      Redémarrez ST éditeur (si nécessaire)

    • Modifier le LiveReload plugin réglage de l'utilisateur en vertu de Preferences->Package Settings->LiveReload->Setting - Userajoutez la ligne suivante:

      {
      "enabled_plugins": [
      "SimpleReloadPlugin"
      ]
      }

    Maintenant, vous pouvez utiliser livereload que vous modifiez vos fichiers markdown.

    Comment retrouver le nom du plugin

    Le dépôt github est pas clair comment configurer le plugin dans les paramètres de l'utilisateur, il juste donner une liste des plugins sans donner leurs noms réels. Après l'inspection de l'emballage (voir l'image ci-dessous), j'ai trouvé le nom exact de ces plugins:

    1. CompassPlugin
    2. LESSPlugin
    3. CoffeescriptPlugin
    4. SimpleReloadPlugin
    5. SimpleReloadPluginDelay

    Comment installer LiveReload sur Sublime Text 3?