[問題] vscode 要怎麼導入pug和sass呢？ tangerine030 PTT批踢踢實業坊

作者: tangerine030 (芭娜娜嗚悠) 2018-08-14 21:03:27

如題～
各位大大安好，我是平面設計師轉UI,努力學網頁設計中，之前一直用vscode 寫，一直用ht
最近用CodePen 寫，切換pug 和sass 很簡單，可是用vscode 的時候，就不知道怎麼切換了
請問要怎麼切換呢？謝謝大大們

作者: steven11329 (清新柳橙) 2018-08-14 22:05:00

你要即時編譯的話應該需要webpack

作者: InfinityGate (小鳥) 2018-08-14 22:27:00

node-sass

作者: brain00021 (阿秉) 2018-08-15 09:57:00

推薦一個懶人APP使用prepros

作者: tso1158687 (接招吧螺旋丸) 2018-08-15 19:18:00

自己開一個副檔名是.pug或.scss的檔案就可以寫了，但是如果要編譯成可以用的html或css需要安裝webpack，codepen應該也是幫你做這件事只是沒告訴你

作者: peanut97 (丁丁) 2018-08-15 20:12:00

如果新手覺得webpack太複雜，堆坑用vue，全都設定好了很容易可以開始寫sass。pug我不知道

作者: diabloevagto (wi) 2018-08-16 00:12:00

Live Sass Compiler 用這個就可以把 sass 自動放到你指定的資料夾。ps 這是 vscode 套件

作者: trust2065 (QQman) 2018-08-18 18:52:00

可以試試 easy sass

作者: p90085 (你是光你是風) 2018-08-24 20:48:00

單純一點的環境我是用gulp編譯的

繼續閱讀