Skip to content
loading...

Pug/Jade syntax highlighting di Dev

mzaini30 profile image Zen twitter logo github logo ・1 min read

Lifehack (4 Part Series)

1) Cara cepat mematikan Linux 2) Membuat cover buku dengan cepat (cocok nih buat Wattpad) 3) Menampilkan file dan folder yang tersembunyi di Windows 4) Pug/Jade syntax highlighting di Dev

Waktu itu aku membuat postingan yang mengharuskan menggunakan Pug/Jade. Tapi sayangnya, nggak muncul syntax highlightnya:

Alt Text

Alt Text

Kemudian aku menanyakan di Githubnya Dev:

#

Thanks for the issue @mzaini30 . We use Rouge for syntax highlighting, which does not yet have support for Pug/Jade (issue 1, issue 2).

I will close this issue for now, as it's dependent on upstream changes.

Lalu, ketika aku menjelajah issue Github, kutemukan bahwa bisa kita pakai syntax highlight untuk slim:

#

@mynimi Just adding my 2 cents: slim syntax (http://slim-lang.com/) is pretty similar to jade, and rouge supports slim!

Jadi, hasilnya seperti ini:

.panel.panel-default
  .panel-heading Judul
  .panel-body Isi
twitter logo DISCUSS
Discussion
markdown guide
Classic DEV Post from Apr 7 '19

Equality of Data Structures: Ruby vs. JavaScript

A look at how the comparison operators in JS and Ruby differ

Zen profile image
Mahasiswa Psikologi