pudl — 빠른 프로토타이핑을 위한 JavaScript 정적 사이트 생성기 #OneDevMinute

pudl 은 정적 사이트의 빠른 프로토타이핑에 사용할 것을 권장하는 반짝이는 새 JavaScript 기반 정적 사이트 생성기입니다. 지금은 gulp 및 pug를 컴파일하는 sass 워크플로를 통해 생성되는 HTML 및 CSS를 위한 것입니다.

🌟 Make sure you star the pudl repo on GitHub.
[SPOILER ALERT] — webpack + JS setup coming in v2.

🐶 푸들은 무엇을 할 수 있나요?

Live가 BrowserSync로 브라우저를 다시 로드합니다.

CSS: Sass에서 CSS로의 변환, 오류 포착, 자동 접두어 추가 및 CSS 축소.

파일에서 CSS 변경 사항을 감시합니다.

줄 끝을 수정합니다.

브라우저 페이지 다시 로드 대신 InjectCSS

메시지 알림을 보냅니다.

오류로 인한 파이프 파손을 방지합니다.

# PREREQUISITE: Before getting started read all in this repo
# http://github.com/maedahbatool/pudl
# STEP #0: Download + Install → Node.js and npm https://nodejs.org/en/download/

# GETTING STARTED:
# Step #1: Download the Required Files by running the following command

curl -L https://git.io/pudlgfl -o "gulpfile.js" && curl -L https://git.io/pudlpkjs -o "package.json" && curl -L https://git.io/pudlgig -o ".gitignore" && curl -L https://git.io/pudlcg -o "config.js"

# Step #2: Editing the Project Variables config.js file according to your folder structure (Make sure to create style.scss and index.pug files)
# Step #3: Installing Node Dependencies by running
npm install

# Step #4: Finally run
npm start

# Step #5: Your site should be up on http://localhost:3000

📺 Watch a more detailed version on YouTube →

항상 트위터에서 놀고 거기서 친구하자 →

















Ahmad Awais/🔜 (VSCode.pro)










🔥 잠시 후 `pudl`이라는 SSG를 사용하여 pug + sass 기반 정적 사이트의 프로토타입을 제작합니다. }📯 RT


오후 17:07 - 2018년 10월 3일

P.S. If you like my work, feel free to share it, like it. I am quite active on twitter you can find me cracking silly jokes there, maybe to connect and subscribe to my YouTube channel →

Peace! ✌️

🗣️ 못받으신 분들은 댓글 달아주세요.