JADE – PUG? NODE?

Guide to set up Jade to start coding JADE 

– SET UP

Firstly, I didn’t succeed, Ctrl+B didn’t work.

I continued finding in Internet and this is the result: I must choose:

Untitled.png

Choose Jade (instead of Automatic- Default)

Start CODING NHU

EG:

screenshot_1

Beginning

doctype html

html(lang=’en’)

head

body

mixin

syntax: mixin name_mixin

using: +name_mixin

class + id

.class_name

#id_name

Commet

// this is ONE comment line

So with many lines?

capture

Note: Thinking “//” likes “h2” “h1” or “p” . And dont forget using ‘tab’ before the second line.

capture

error

css link

  1. link(rel=”stylesheet”, href=”css.css”)
  2. style(type=’text/css’).   .sai1 {background-color: blue;} ….

    Attribute

    a(class=’class_name’ href=’nhublog.com’)  Link to nhublog.com
    = a(class=’class_name’, href=’nhublog.com’) Link to nhublog.com

Mixin: Link

Includes: Link

ect.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s