Lompat ke konten Lompat ke sidebar Lompat ke footer

Extension Penting Pada VS Code

saat kita menulis kode menggunakan visual studio code tentu nya akan ada kelebihan khusus seperti syntax higliter dan peyesuaian tampilan baris dengan code editor. namun ada hal yang lebih harus kalian perhatikan lagi seperti penggunaan extenison yang akan makin memudahkan pengguna dalam menulis kode menggunakan beberapa penyesuaian. 

contoh nya pada saat kita menulis menggunakan framework seperti Laravel, React, Vue dll meski bahasa yang digunakan familiar yaitu laravel tetapi ada perbedaan besar jika kita mengunakan ekstensi khusus untuk pekerjaan kita berikut ini adalah extensi yang dibutuhkan pada saat menulis kode dengan laravel.

Extension Pengetikan HTML

Auto Close Tag

berguna untuk membuat penutup tag otomatis saat kita mengetik kode.

Auto Complete Tag

sagat beguna pada saat kita mengerjakan kode html karena bisa auto complete saat kita mengetik.

Auto Rename Tag

berguna sekali saat kita ingin menggati menulis ulang tag elemen pada html.

Bracket Pair Color

berfungsi untuk navigasi bracket pada saat kode sudah mulai panjang dan kita gak perlu binggung untuk membedakan bracket.

Extension Fungsi Penuh Laravel

Laravel Advanced Go To

ini penting untuk bisa navigasi alias berpindah tempat antar controller, model, view yang ada pada laravel project kalian.

Laravel Blade Formatter

berfungsi untuk memformat kode agar menjadi rapih pada  sebuah view pada blade template yang menjadi ui pada blade template.

Laravel Intelesense

digunakan untuk support libary pada laravel agar bisa import libary laravel secara  otomatis.

Laravel Extra Intelesense

digunakan untuk autocomplete parameter views, variabels, route, middleware, dan env serta konfigurasi tambahan yang akan sangat membantu pada saat pengetikan kode.

Extension Fungsi Penuh Untuk React

ES7+ React/Redux/React-Native snippets

memudahkan membaca sintaks template dan import libary yang makin memudahkan saat membuat project dengan framework react.

Extension Fungsi Penuh Untuk Vue.js

Vetur

built in yang membantu membaca keseluruhan highlight code javascript yang versi vue.

Vue Language Features (Volar)

sangat membantu menavigasi komponen atau props pada saat pengetikan.

Vue 3 Snippets

libariy dan autocomplete tambahan pada vue.

Vue VSCode Snippets

sangat membantu membuat boiler plate code dasar.

seluruh ekstensi ini sudah teruji dengan baik dapat memudahkan serta membantu produktivitas saya sendiri sudah sangat terbantu dengan adanya ekstensi ini  dan saya harap ektensi ini juga bisa membantu kalian juga !

itu tadi adalah beberapa ekstensi pada vs code yang bisa kalian pakai untuk memudahkan kesehaian kalian pada saat menulis kode menggunakan framework laravel saya harap ini dapat membantu keresahan para pembaca sekalian saat menulis program menggunakan vs code.

terimakasih dan sampai jumpa pada postingan berikut nya.

1 komentar untuk "Extension Penting Pada VS Code"