Pug (Jade) Tutorial #1 (Getting Started | HTML + NodeJS)
PUG (Jade) 2020. 7. 14. 10:00https://www.youtube.com/watch?v=AY99ODBchIA&list=PLVvjrrRCBy2JbOPP2JXfCtADABI1QHzWg
https://pugjs.org/api/getting-started.html
Getting Started – Pug
Getting Started Installation Pug is available via npm: $ npm install pug Overview The general rendering process of Pug is simple. pug.compile() will compile the Pug source code into a JavaScript function that takes a data object (called “locals”) as an
pugjs.org
https://www.npmjs.com/package/pug
pug
A clean, whitespace-sensitive template language for writing HTML
www.npmjs.com
https://pugjs.org/api/reference.html
API Reference – Pug
API Reference This page details how to render Pug using the JavaScript API. Tip Pug is available in your Web browser’s console! To test drive Pug’s API, as documented on this page, try entering: pug.render('p Hello world!'); Options All API methods acc
pugjs.org
[CLI] CLI 기본 개념 및 사용법
CLI(Command Line Interface)란?
medium.com
npm install pug-cli -g 명령어로 pug-cli 패키지 전역 설치
pug 파일 생성 (index.pug)
코드 작성
doctype html
pug -w ./ -o ./html -P 명령어로 html 파일 생성
'PUG (Jade)' 카테고리의 다른 글
Pug (Jade) Tutorial #6 - For/Each Loop - Iterate over Arrays and Objects (1) | 2020.07.15 |
---|---|
Pug (Jade) Tutorial #5 - Using CSS (Stylesheets) (0) | 2020.07.15 |
Pug (Jade) Tutorial #4 - Attributes (and Advanced Attribute Features) (0) | 2020.07.14 |
Pug (Jade) Tutorial #3 (IDs ans Classes) (0) | 2020.07.14 |
Pug (Jade) Tutorial #2 - The Basics (Doctypes + HTML Tags) (0) | 2020.07.14 |