Technova NextJS Developer Extensions Bundle Pack

Extension apa aja yang ada

1. dsznajder.es7-react-js-snippets

   • Ekstensi ini menyediakan kumpulan snippet (potongan kode) untuk mempercepat penulisan kode React dengan fitur-fitur ES7.

2. esbenp.prettier-vscode

   • Prettier adalah alat formater kode yang otomatis. Ekstensi ini memungkinkan Anda mengintegrasikan Prettier dengan VSCode untuk memformat kode secara otomatis.

3. mikestead.dotenv

   • Dotenv adalah ekstensi yang membantu membaca variabel lingkungan dari file .env dan membuatnya tersedia dalam proyek VSCode Anda.

4. PulkitGangwar.nextjs-snippets

   • Ekstensi ini menyediakan snippet untuk mempercepat penulisan kode di proyek Next.js.

5. steoates.autoimport

   • Ekstensi ini otomatis mengimpor modul yang diperlukan saat Anda menulis kode.

6. ambar.bundle-size

   • Menyajikan ukuran bundel proyek Anda di status bar, membantu Anda memantau ukuran bundel aplikasi.

7. formulahendry.auto-rename-tag

   • Auto Rename Tag akan secara otomatis menyesuaikan tag HTML/JSX yang sama secara bersamaan.

8. meganrogge.template-string-converter

   • Mengonversi antara template string dan string reguler dengan cepat.

9. bradlc.vscode-tailwindcss

   • Menyediakan dukungan dan fitur IntelliSense untuk Tailwind CSS.

10. Shibu.nextjs-js-ts-code-snippets

    • Snippet untuk Next.js dengan dukungan baik untuk JavaScript maupun TypeScript.

11. woongbaera.nextjs-pathfinder

    • Membantu Anda dengan navigasi cepat di proyek Next.js Anda.

12. formulahendry.auto-close-tag

    • Otomatis menutup tag HTML/JSX setelah Anda mengetik tag penutup.

13. streetsidesoftware.code-spell-checker

    • Menyediakan pengecekan ejaan untuk kode Anda.

14. christian-kohler.path-intellisense

    • Menambahkan dukungan penyelesaian otomatis untuk jalur file dan direktori.

15. aaron-bond.better-comments

    • Memperbaiki tampilan komentar Anda dengan menyertakan warna dan ikon spesifik.

16. Orta.vscode-jest

    • Menyediakan dukungan untuk kerangka pengujian Jest.

17. Gruntfuggly.todo-tree

    • Menyajikan daftar tugas (todos) dari komentar dalam kode Anda dan membantu Anda melacak pekerjaan yang harus dilakukan.

18. richie5um2.vscode-sort-json

    • Menyortir kunci-kunci dalam berkas JSON secara otomatis.

19. kisstkondoros.vscode-gutter-preview

    • Menyajikan pratinjau gambar di bilah samping, memungkinkan Anda melihat gambar tanpa membuka berkas secara terpisah.

20. ms-vscode.vscode-typescript-next

    • Menyediakan dukungan TypeScript untuk Next.js.

21. WillLuke.nextjs

    • Ekstensi Next.js resmi untuk VSCode.

22. dbaeumer.vscode-eslint

    • Menyediakan integrasi ESLint untuk VSCode, membantu Anda menjaga kualitas kode.

23. csstools.postcss

- Menyediakan dukungan untuk PostCSS di VSCode, membantu Anda mengelola dan mengoptimalkan gaya CSS Anda.
humao.rest-client

- Menghadirkan klien RESTful langsung di VSCode, memungkinkan Anda menguji permintaan API secara langsung   dari editor.

24. yoavbls.pretty-ts-errors

    • Mempercantik tampilan pesan kesalahan TypeScript di VSCode agar lebih mudah dibaca dan dipahami.

25. ms-playwright.playwright

    • Menyediakan integrasi dengan Playwright, memungkinkan pengujian otomatis dan pengendalian browser melalui VSCode.

26. github.vscode-github-actions

    • Memberikan dukungan penuh untuk GitHub Actions di dalam VSCode, memudahkan Anda mengelola alur kerja CI/CD.

27. lokalise.i18n-ally

    • Membantu dalam pengelolaan internasionalisasi (i18n) dengan menyediakan fitur terkait lokal dan penerjemahan langsung di VSCode.

Cara Instalasi

Kunjugi Situs Marketplace Visual Studio Marketplace

Creator

|