Fixing Snippet React Not Working in Visual Studio Code

Diko_Mahendra
1 min readJan 17, 2021

Halo temen temen semua,

Pada tulisan kali ini saya ingin share sedikit mengenai tidak berjalannya snippet di visual studio code ketika kita menggunakan atau sedang ngoding teknologi dengan reactjs.

Yang dimana saya pribadi mengalaminya, dengan tidak berjalannya snippet tersebut, menurut saya akan menguras waktu yg dimana ketika kita menggunakan snippet akan lebih mempercepat penulisan syntax / code kita.

Oke langsung saja.

kalian bisa pergi ke halaman Open Settings

kemudian kalian bisa ketikan emmet menu pencarian

nah jika sudah ketemu kalian pilih yang Emmet:Include Languages

dan kalian pilih Edit in setting json

kemudian tambahkan syntax berikut ini

emmet.includeLanguages” : { “javascript”: “javascriptreact”,}

jika sudah silahkan kalian save dan cek kembali. untuk cari mengeceknya kalian cukup membuat sebuah tag div

kalian bisa buat tag div dengan classname ingin kalian buat misalnya:

div.landing-wrapper

kemudian kalian enter

otomatis ketika snippetnya sudah berhasil maka dia akan membuat sebuah element div

<div className=””landing-wrapper></div>

nah kurang lebih seperti ini ya

semoga bermanfaat :)

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

Diko_Mahendra
Diko_Mahendra

Written by Diko_Mahendra

Frontend Engineer at Telkom Indonesia

No responses yet

Write a response