Skip to content

faizinuha/Meiko

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

โšก Meiko

Meiko Logo


**Meiko** adalah ekstensi Visual Studio Code yang dirancang untuk memudahkan pengalaman coding. Dengan dukungan untuk empat bahasa pemrograman, ekstensi ini mempercepat dan mempermudah proses penulisan kode melalui berbagai template yang telah disediakan.

Meiko Meiko

๐Ÿฑโ€๐Ÿ‘ค -> Bahasa Jepang Bahasa Inggris Bahasa Mandarin Bahasa Korea

๐Ÿ’– Donasi

Jika Anda menikmati ekstensi ini dan ingin mendukung pengembang, silakan pertimbangkan untuk berdonasi!

ๆ่ต ๅ›พๆ ‡ | ๆ่ต ๅ›พๆ ‡

๐Ÿš€ Demo Fitur Utama

Berikut adalah daftar fitur utama dari Meiko:

  • ๐ŸŒ Dukungan Multi Bahasa: Mendukung empat bahasa pemrograman.
  • ๐Ÿ“‹ Template Snippet: Menyediakan berbagai template untuk mempercepat penulisan kode.
  • โšก Emmet Alternatif: Membantu pengguna yang belum mengaktifkan Emmet di Visual Studio Code.

๐Ÿ“ฅ Cara Menggunakan

  1. Install Ekstensi:
    • ๐Ÿ›’ Buka Marketplace Visual Studio Code.
    • ๐Ÿ” Cari dan unduh Meiko.
  2. Nikmati Pengalaman Coding:
    • โšก Gunakan berbagai shortcut yang telah disediakan untuk pengalaman coding yang lebih mudah dan simpel.

๐Ÿค Kontribusi

Jika Anda menemukan bug atau memiliki ide untuk peningkatan, silakan:


๐Ÿ“‚ Fitur

File Extensions Converter

Fitur baru untuk mengkonversi nama file singkat menjadi panjang untuk berbagai framework:

Framework Support:

  • ๐ŸŒ Laravel: .b.p โ†’ .blade.php atau .b.php โ†’ .blade.php
  • ๐Ÿ”„ Ruby on Rails: .e.rb โ†’ .html.erb atau .erb.h โ†’ .html.erb
  • โš›๏ธ React/Next.js:
    • .j.tsx โ†’ .jsx.tsx
    • .tsx.c โ†’ .component.tsx
    • .p.tsx โ†’ .page.tsx
  • ๐Ÿ“ฑ Vue.js:
    • .v.js โ†’ .vue.js
    • .v.c โ†’ .vue.component.js
  • ๐Ÿ…ฐ๏ธ Angular:
    • .c.ts โ†’ .component.ts
    • .s.ts โ†’ .service.ts
    • .m.ts โ†’ .module.ts
  • ๐ŸŽฏ Svelte: .s.svelte โ†’ .svelte
  • ๐Ÿ˜ PHP: .t.php โ†’ .template.php
  • ๐Ÿ Django/Python:
    • .d.py โ†’ .django.py
    • .v.py โ†’ .view.py
    • .t.py โ†’ .template.py

New Coders CLi terminal

Laravel Solid

Laravel Solid adalah fitur yang membantu pengembang dalam menyiapkan proyek Laravel yang sudah terstruktur secara solid dengan konfigurasi awal yang rapi dan mudah digunakan.

Coders Solid baca di bawah untuk Lebih Lengkap ya

Fitur ini memungkinkan pengguna untuk dengan cepat mengatur kerangka dasar Laravel yang sudah disiapkan untuk pengembangan lebih lanjut. Beberapa poin utama:

  • ๐Ÿ› ๏ธ Instalasi Dasar:
    • Struktur direktori yang terorganisir.
    • File konfigurasi default untuk proyek skala kecil hingga menengah.
  • โฑ๏ธ Efisiensi Waktu: Memulai proyek tanpa harus mengatur ulang file secara manual.

Coders-delete

Fitur ini berfungsi untuk menghapus folder atau file Laravel jika ternyata proyek yang telah dibuat tidak jadi digunakan.

  • ๐Ÿšฎ Penghapusan Cepat: Menghemat waktu pengguna.
  • ๐Ÿ”’ Keamanan Data: Proses penghapusan hanya pada folder proyek yang dipilih pengguna. Sudah di Latih

๐Ÿ’ป Coders-crud CLI

CLI sederhana untuk pembuatan CRUD Laravel:

  1. โŒจ๏ธ Buka terminal dengan Ctrl + J.
  2. Ketik coders-crud <NameProject>.
  3. ๐ŸŽ‰ Edit sesuai kebutuhan tanpa membuat dari awal.
  4. ๐Ÿš€ Gunakan CLI ini tanpa batasan.


๐Ÿ’ป **Coders-crud Cli Solid ** ( Sudah di latih)

Cli Sederhana Untuk Pembuatan Crud di Solid

  1. โŒจ๏ธ Buka terminal dengan Ctrl + J.
  2. Ketik coders-solid <NameProject>.
  3. ๐ŸŽ‰ Edit sesuai kebutuhan tanpa membuat dari awal.
  4. ๐Ÿš€ Gunakan CLI ini tanpa batasan.

Snippets

๐Ÿ—๏ธ HTML

  • ๐Ÿ–‹๏ธ BSS: Doctype dengan link Bootstrap terbaru.
  • ๐Ÿ–‹๏ธ DCS: Doctype tanpa link Bootstrap.
  • ๐Ÿ–‹๏ธ tbl: Table Basic.
  • ๐Ÿ–‹๏ธ Footer: Footer Basic.
  • ๐Ÿ–‹๏ธ list: List Basic.
  • ๐Ÿ–‹๏ธ Image: Form simpel.
  • ๐Ÿ–‹๏ธ HtmlForm: HTML Detail dan Summary.
  • โณ Coming Soon: Detail tambahan.

๐Ÿ› ๏ธ Laravel Snippets

  • ๐Ÿ“œ Blade Layout: Template dasar Blade.
  • ๐Ÿ“œ bladenav: Membuat navbar.
  • ๐Ÿ“œ bladeFooter: Footer basic.
  • ๐Ÿ“œ bladeContent: Tampilan konten basic.
  • ๐Ÿ”’ MiddlewareRoute: Mendefinisikan route dengan middleware.
  • ๐ŸŒ route: Route dasar.
  • ๐Ÿ”„ forelse: forelse dalam Blade.
  • ๐Ÿ”„ foreach: foreach dalam Blade.
  • ๐Ÿ“Š Query: Query dasar Laravel.
  • ๐Ÿ› ๏ธ Crud Mod: Template CRUD Laravel.
  • โœ… Validate 2x5: Template validasi query Laravel.

โšก Fungsi Query Laravel

  • ๐Ÿ” Query Builder: Klausa seperti when, orWhere, dan orWhereRaw.
  • ๐Ÿ“š Eloquent ORM: Object-Oriented Approach untuk database management.

โ˜• Java

  • ๐ŸŒ€ Javasegitinga: Membuat pola segitiga.
  • โญ Javastar: Membuat pola bintang.
  • ๐Ÿ‘‹ Javahello: Program Hello World.
  • โž• Javapenjumlahan: Penjumlahan dua angka.
  • โณ Coming Soon: Build Calculator 2.5.4.

๐Ÿ› ๏ธ Vue.js

  • ๐Ÿ—๏ธ Vue Button Flex Layout: Button dan flex layout styling di Vue.js.
  • ๐Ÿ—๏ธ Count Vue: Snippet Vue 3 sederhana untuk counter.
  • ๐Ÿ—๏ธ Vue List Rendering: Snippet untuk rendering daftar dengan v-for di Vue 3.
  • ๐Ÿ—๏ธ Vue Two-Way Binding: Snippet untuk two-way binding menggunakan v-model di Vue 3.
  • ๐Ÿ—๏ธ Vue Modal Component: Snippet untuk membuat modal sederhana di Vue 3.
  • ๐Ÿ—๏ธ Vue Form Component: Snippet untuk membuat form sederhana di Vue 3.

๐Ÿ Python (v2.1.2)

  • ๐Ÿ PyHello: Program Hello World.
  • ๐Ÿ PySum: Penjumlahan dua angka.
  • ๐Ÿ PyFactorial: Menghitung faktorial dari sebuah angka.
  • ๐Ÿ PyFibonacci: Menghasilkan deret Fibonacci.
  • ๐Ÿ PyPalindrome: Memeriksa apakah sebuah string adalah palindrome.
  • โณ Coming Soon: Snippet tambahan.