예비 이해 퍼그

예비 이해 퍼그

1. 소위 퍼그는 우리가, 우리가 레이블이 문제를 폐쇄 여부를 고려하지 않아도 컴파일하는 과정에서, 길을 들여 서면 프로 시저 코드의 일종이다 옥, 전에 말씀입니다. 또한,이 컴파일 방법은 우리가 작성하는 코드를 속도뿐만 아니라 편리한 코드 재사용을 제공 할 수 있습니다.

2. 기본 문법 흙을 학습하기 전에, 흙 먼저 예를 들어 명령 행의 사용을 이해해야합니다 :

doctype html

    html

    head

            title aaa

    body

컴파일러에서 문서 위의 절차의 내부를 기록한 후 터미널 명령 입력 퍼그 xxx.pug를 하는것, xxx.pug 형식으로 저장 상태에서 키를 누르면 입력, 우리는 반환하기 전에 컴파일러 프로젝트, 당신은 발견 할 것이다 표시 html 형식을 찾을 수있는 기반을 연 후 같은 이름의 XXX와 xxx.html 파일, 인쇄되었습니다. 문제가 우리가 일반적으로 형식을 작성하지만, 기본 형식을 조판하는 것은 우리가 명령 퍼그 -P xxx.pug 퍼그 형식을 입력 할 때 HTML로 변환 할 필요가 여기에, 아니다, 당신은 우리가 형식을 원하는 것을 얻을 수 있습니다 . 자동으로 우리가 터미널 명령을 입력 할 수 있도록 우리 다음에 표시가 스타일을 수정하는 것이 실시간으로 코드를 업데이트하려면 : 퍼그 -P -w xxx.pug, 바로 가기로 계속 업데이트하고 싶지 않은 : Ctrl + C.

3. 경로

현재 디렉토리에 HTML 컴파일 된 파일을 입력하지 않으하지만 수요 사용자 정의 디렉토리가있는 경우, 당신은 -o 매개 변수를 설정해야합니다

다음 설정, index.html을 디렉토리는 새 디렉토리를 존재하지 않는 경우, 아래의 디렉토리에 입력 :

pug index.pug -o a

4. 대량 컴파일 :

모든 퍼그 파일이 HREF 컴파일 된 것으로 가정하면, 당신은 쓸 수 있습니다 : 퍼그 HREF

5. 구조 문법 :

꼬리표

[트리]

기본적으로 HTML 태그의 이름으로 쓰여진 텍스트의 각 행의 시작 부분에 (부분적으로 또는 흰색 문자 뒤에). HTML 코드의 트리 구조를 구성 할 수 있습니다 레이블 사이의 중첩 관계를 표시하기 위해 들여 쓰기를 사용하여

ul

li Item A

li Item B

li Item C       .

지속적으로 업데이트, 우리는 조언을 환영합니다!