ZDIRY-TUFWT-EBONM-EYJ00-IDBLANTER.COM
ZDIRY-TUFWT-EBONM-EYJ00
BLANTERWISDOM105

10 Extension VSCODE untuk WEB DEVELOPER Pemula

Rabu, 05 Desember 2018
10 Extension VSCODE untuk WEB DEVELOPER Pemula
Tampilan Awal VSCODE

Visual Studio Code (VSCode) merupakan editor teks cross-platform yang tersedia bagi sistem operasi Windows, Linux, maupun OS X. Editor ini dikembangkan oleh Microsoft dan dengan cepat mengambil hati para developer yang menggunakan Sublime Text untuk pindah menggunakan VSCode.

Seperti Sublime Text, VSCode memiliki sebuah fitur plugin bernama extentions. Extension bisa kita tambahkan langsung dari dalam VSCode itu sendiri. Extension yang tersedia di Marketplace juga bisa langsung dicari dari menu Extension.

Bagi kawan kawan yang belum punya / belum memiliki kode editor ini dan ingin Mencobanya , temen temen bisa donwload di link Ini code.visualstudio.com.

Kode Editor ini free dan juga tersedia berbagai sistem oprasi seperti Windows, Mac OS, dan Linux, kawan kawan bisa memilih sesuai dengan sistem oprasi yang kawan kawan pakai.

VSCode memiliki ribuan Extension yang bisa pembaca eksplor langsung di Marketplace-nya, di kesempatan ini saya akan membagikan 10 Extension VSCODE untuk WEB DEVELOPER Pemula, Berikut 10 Extension VSCODE :

1. Sublime Text Keymap

Sublime Text Keymap
Sublime Text Keymap

Ekstensi ini memberikan pintasan keyboard Sublime Text paling populer ke Visual Studio Code.
Setelah pemasangan cukup restart VS Code setelah instalasi ekstensi ini dan pintasan keyboard Sublime Text favorit Anda akan tersedia di VS Code.

2.A Open In Browser

Open In Browser
Open In Browser
Extension ini merupaka extension yang mengadopsi fitur dari SublimeText.

2.B Live Server

Live Server
Live Server
Extension ini sama halnya seperti extension sebelumnya, hanya saja extension ini ketika kita mengedit kodingan, lalu kita save maka browser kita otomatis meReload.

3. Auto Rename Tag

Auto Rename Tag
Auto Rename Tag
 Extension ini fungsinya untuk mengubah tag name , jadi kawan kawan ga perlu mengubah tname tag penutupnya , extension ini otomatis ketika kita mengubah name tag pembuka maka otomatis name tag penutup juga ikut berubah.

4. Intellisense For CSS Classnames

Intellisense For CSS Classnames
Intellisense For CSS Classnames
 Extension ini fungsinya, memudahkan kita melihat ada class apa saja di dalam file css yang sudah kita panggil.

5. CSS Peek

CSS Peek
CSS Peek




 Extension ini fungsingnya, kebalikan dari extension sebelumnya, extension ini kita mengintip element yang sudah kita buat itu terkena css apa/ class apa.

6. Indent Rainbow

Indent Rainbow
Indent Rainbow
Extension ini fungsinya, Membuat indentasi lebih mudah dibaca.

7. Bracket Pair Colorizer

Bracket Pair Colorizer
Bracket Pair Colorizer
 Extension ini fungsinya, agar memudah kan kita melihat tanda kurung pembuka dan penutup.

8. Beautify

Beautify
Beautify
 Extension ini fungsiny , Untuk merapihkan hasil kodingan, ketika kita save kodingan maka otomatis kodingan merapihkan sendiri.

9. PHP Intellisense

PHP Intellisense
PHP Intellisense
 Extension ini fungsinya, untuk Autocompletion dan Refactoring Untuk PHP

10. One Dark Pro (theme) 

One Dark Pro (theme)
One Dark Pro (theme)
Extension yang terkahir ini adalah extension theme , yaitu extension untuk mempercantik tampilan kodingan kawan kawan semua, dan ini adalah tema terpopuler di VSCODE.

Baiklah itu dia 10 Extension VSCODE untuk WEB DEVELOPER Pemula, Bagi Kawan Kawan yang masih kebingungan untuk cara penggunaannya atau fungsinya kawan kawan bisa langsung liat tutorialnya di bawah ini :

Sekian Tips And Trick Mengenai 10 Extension VSCODE untuk WEB DEVELOPER Pemula, Bila Ada Pertanyaan Atau Kawan kawan mau request mengenai tips and trick lain nya, sobat bisa langsung komen saja di kolom komentar di bawah ini.

Terima Kasih, Semoga Bermanfaat ^_^
Share This :
NdyNetwork

Adalah seorang Amatir yang suka mempelajari hal-hal yang baru seputar blog, template, Mod APK, Download Dan Coding.Untuk mempelajari hal baru, membutuhkan kesabaran,ketelitian Dan Niat dalam mempelajarinya, Pantang Menyerah Dan Semangat Terus.

0 comments