Coder Social home page Coder Social logo

sublime3-html2jade's Introduction

HTML to JADE plugin for Sublime Text 3

Converts files, selection and clipboard content from HTML to JADE using html2jade

Installation

In the command Pallette choose Package Control: Add Repository and enter the Github URL:

https://github.com/sbolel/sublime3-html2jade

Then choose Package Control: Install Package and select sublime-html2jade to install.

Install html2jade:

npm install -g html2jade

On OSX sublime text does not use the same path as your shell, you might need to install the "Fix Mac Path" package via Package Control.

Git installation

Clone the repository in your Sublime Text "Packages" directory:

git clone https://github.com/sbolel/sublime3-html2jade.git Html2Jade

Install html2jade:

npm install -g html2jade

The "Packages" directory is located at:

  • OS X:

      ~/Library/Application Support/Sublime Text 3/Packages/
    
  • Linux:

      ~/.config/sublime-text-3/Packages/
    
  • Windows:

      %APPDATA%/Sublime Text 3/Packages/
    

Usage

  • Convert whole HTML file Shift+Alt+F - creates new file in the same folder using the same name as the source ending with '.html'.
  • Convert selection Shift+Alt+S - replaces selection of HTML with JADE content.
  • Convert clipboard content Shift+Alt+V - inserts JADE of converted clipboard HTML content.

In Command Palette:

  • HTML2Jade: Convert file
  • HTML2Jade: Convert selection
  • HTML2Jade: Convert clipboard content

Sublime Text 2

Follow the instruction from Sublime Text 2 branch

sublime3-html2jade's People

Contributors

pachkovsky avatar dflourusso avatar sbolel avatar denniskempin avatar john916zhang avatar shayhurley avatar codedependant avatar luxueyan avatar

Stargazers

Roman avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.