3. PROSES PEMBUATAN
1. COPY FRAMEWORK CODEIGNITER 4 DAN PASTE KE FOLDER XAMPP-
HTDOC
2. RENAME/GANTI NAMA (F2) PROJEK Movie-Andi
3. BUKALAH VISUAL CODE EDITOR – OPEN FOLDER – BUKALAH
PROJEKNYA
4. AKTIFKAN ROUTE DI CONFIG-routes
5. Copykan ADMINLTE dan paste ke xampp->htdoc->Movie-
Andi>Public
4. EXTENTIONS/APLIKASI VISUAL CODE EDITOR
1. Prettier
• Prettier merupakan salah satu extensi yang paling populer
di visual studio code karena prettier dapat secara
otomatis merapikan dan memformat kode kamu sehingga
mudah untuk dibaca. Prettier mensupport berbagai
bahasa pemrograman termasuk HTML, CSS, JavaScript,
TypeScript, Flow dan masih banyak lagi. Prettier sangat
cocok bagi kamu yang malas untuk merapikan kode hehe.
5. 2. Live Server
• Live server merupakan extensi yang dapat secara otomatis
menampilkan perubahan web ketika kita melakukan
perubahan pada code html atau pun css. Extensi ini tentu
sangat membantu dalam proses pembuatan web karena
tidak perlu merefresh browser secara manual.
3. CSS Peek
• CSS Peek merupakan ekstensi wajib bagi kamu frontend
developer karena dengan extensi ini kamu dapat mengintip
css dari class yang kamu gunakan pada element html tanpa
harus membuka file css.
6. 4. Auto Rename Tag
• Sesuai namanya Auto Rename Tag akan secara
otomatis menganti tag apabila salah satu tag pembuka atau tag
penutup diubah. Extensi ini akan sangat menghemat waktu kita,
karena kita tidak perlu mencari tag pasangan secara manual.
5. indent-rainbow
• indent rainbow adalah extensi yang berguna untuk
kamu jika kode kamu memiliki banyak indentasi karena dengan
extensi ini indentasi pada kodemu akan diberi warna berbeda.
6. IntelliSense for CSS class names in HTML
• Extensi yang satu ini dapat memberikan rekomendasi nama
dan opsi untuk melakukan auto complete pada saat memberikan
class pada element di html. Extensi ini akan memberikan semua
rekomendasi nama class sesuai dengan CSS yang ada di file html
maupun yang diimport.
7. 7. PHP Intelephense
• PHP Intelephense merupakan extensi wajib bagi kamu
backend developer yang menggunakan bahasa
pemrograman php, karena proses penulisan kode kamu
jauh lebih mudah dan menyenangkan berkat auto complete
yang disediakan oleh extensi PHP Intelephense
8. Polacode
• Extensi yang satu ini cocok buat kamu yang sering
membagikan screenshot kode, Polacode akan mengubah
potongan kodemu kedalam bentuk gambar yang cantik dan
siap untuk dibagikan.
9. Code Spell Checker
Ekstensi spell cheker ini akan memberitahu kita beberapa
umum terjadi dan ini juga sudah mendukung kode
8. 10. VSCode Icons (vscode-icons)
• Ekstensi ini akan memberikan view berupa ikon di sebelah
folder kita. Hal ini memudahkan kita dalam
11. Path Intellisense
• Ekstensi ini akan menyelesaikan path dan nama file secara
mengetik sampai akhir.
12. Bracket Pair Colorizer
• Ekstensi ini memungkinkan tanda kurung yang cocok
warna. Pengguna dapat menentukan karakter mana yang
mana yang akan digunakan.
13. beautify
9. THEME
1. ONE DARK PRO
2. DRACULA OFFICIAL
3. Synthwave ’84
4. Atom One Dark Theme
5. Night Owl
6. Top Light Themes for VSCode
7. Bracket Lights Pro
8. Bluloco Light
9. Tokyo Night
10. Winter is Coming
11. Nu Disco