Extras

Extras

Buat kalian yang ingin bisa lebih lihai dalam ngoding, aku bakal kasih beberapa tips yang akan disematkan disini:

VSCode Extensions

ℹ️

Perlu diperhatikan apabila kamu menginstall banyak extension, maka akan mempengaruhi performa VSCode. Jadi, pastikan kamu hanya menginstall extension yang kamu butuhkan saja.

IntelliCode

IntelliCode adalah extension yang bisa membantu kalian dalam menulis kode. Extension ini akan memberikan rekomendasi kode yang akan kalian tulis berdasarkan kode yang sudah kalian tulis sebelumnya. Jadi, semakin sering kalian menggunakan extension ini, semakin baik rekomendasi yang akan kalian dapatkan.

Name: IntelliCode
Id: VisualStudioExptTeam.vscodeintellicode
Description: AI-assisted development
Version: 1.2.30
Publisher: Microsoft
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode

npm Intellisense

Extension ini akan membantu kalian dalam menulis kode yang berhubungan dengan npm. Jadi, kalian tidak perlu lagi mengetik nama package secara lengkap, cukup mengetik beberapa huruf saja, extension ini akan memberikan rekomendasi package yang kalian butuhkan.

Name: npm Intellisense
Id: christian-kohler.npm-intellisense
Description: Visual Studio Code plugin that autocompletes npm modules in import statements
Version: 1.4.4
Publisher: Christian Kohler
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense

Path Intellisense

Extension ini akan membantu kalian dalam menulis path file. Jadi, kalian tidak perlu lagi mengetik path secara lengkap, cukup mengetik beberapa huruf saja, extension ini akan memberikan rekomendasi path yang kalian butuhkan.

Name: Path Intellisense
Id: christian-kohler.path-intellisense
Description: Visual Studio Code plugin that autocompletes filenames
Version: 2.8.4
Publisher: Christian Kohler
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

Prettier

Extension ini akan membantu kalian dalam menulis kode yang rapi. Jadi, kalian tidak perlu lagi menulis kode secara manual, cukup mengetik kode yang kalian inginkan, extension ini akan merapikan kode kalian secara otomatis.

Name: Prettier - Code formatter
Id: esbenp.prettier-vscode
Description: Code formatter using prettier
Version: 8.1.0
Publisher: Prettier
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

GitLens

Extension GitLens membantu kalian dalam mengelola git. Jadi, kalian tidak perlu lagi membuka terminal untuk mengelola git, cukup menggunakan extension ini, kalian bisa mengelola git dengan mudah.

Name: GitLens — Git supercharged
Id: eamodio.gitlens
Description: Supercharge Git within VS Code — Visualize code authorship at a glance via Git blame annotations and CodeLens, seamlessly navigate and explore Git repositories, gain valuable insights via rich visualizations and powerful comparison commands, and so much more
Version: 14.3.0
Publisher: GitKraken
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

Git History

Extension ini akan membantu kalian dalam melihat history git. Jadi, kalian tidak perlu lagi membuka terminal untuk melihat history git, cukup menggunakan extension ini, kalian bisa melihat history git dengan mudah.

Name: Git History
Id: donjayamanne.githistory
Description: View git log, file history, compare branches or commits
Version: 0.6.20
Publisher: Don Jayamanne
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory

Postman

Extension ini akan membantu kalian dalam mengelola API. Jadi, kalian tidak perlu lagi membuka browser atau aplikasi Postman untuk mengelola API, cukup menggunakan extension ini, kalian bisa mengelola API dengan mudah.

Name: Postman
Id: Postman.postman-for-vscode
Description: Streamline API development and testing with the power of Postman, directly in your favorite IDE.
Version: 0.8.0
Publisher: Postman
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=Postman.postman-for-vscode