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