Visual Studio Code oleh Microsoft adalah anak baru di blok ini dan semakin populer setiap hari. Hari ini kita akan menjelajahi ekstensi WordPress Visual Studio Code gratis. Visual Studio Code adalah editor kode sumber yang dikembangkan oleh Microsoft untuk Windows, Linux dan macOS. Ini termasuk dukungan untuk debugging, kontrol Git tersemat, penyorotan sintaks, penyelesaian kode cerdas, cuplikan, dan pemfaktoran ulang kode. Itu juga dapat disesuaikan, sehingga pengguna dapat mengubah tema editor, pintasan keyboard, dan preferensi. Ini gratis dan bersumber terbuka, meskipun unduhan resminya berada di bawah lisensi kepemilikan Show
Jadi, tanpa basa-basi mari selami 1. Daftar Komponen Gutenberg WordPressIni mencantumkan semua komponen Gutenberg sehingga Anda tidak perlu mencari dan mencari komponen lalu mengimpornya ke komponen induk kanannya. Semua komponen buku panduan resmi disertakan dalam cuplikan Instal. 3. 5+ 2. Cuplikan WordPressOtomatis melengkapi potongan WordPress untuk Visual Studio Code. Ekstensi yang sangat berguna saat Anda membuat kode dengan cara WordPress. Meskipun ini tidak mencakup setiap potongan WordPress terkadang membuat pengkodean WordPress lebih mudah. Beberapa cuplikan pelengkapan otomatis adalah –
Instal. 143K+ 3. Pengembangan WordPressEkstensi ini menambahkan berbagai cuplikan untuk pengembangan WordPress. Bermanfaat untuk melengkapi berbagai cuplikan secara otomatis, Anda dapat mengetik bagian dari cuplikan dan ekstensi akan melengkapi otomatis untuk Anda. Jenis cuplikan, Anda akan mendapatkan pelengkapan otomatis untuk –
1. Cuplikan Dasbor _2. Cuplikan Tag Meta
3. Cuplikan kode pendek
3. Cuplikan Widget _4. Cuplikan Inti WordPress
5. Daftar Cuplikan Kustom _Instal. 57K+ 4. Kotak Alat WordPressIni yang terbaik dari ekstensi WordPress Visual Studio Code. Ini mencakup lebih dari 3000 cuplikan dan untuk memiliki cuplikan untuk setiap fungsi, kelas, dan konstanta WordPress – lengkap dengan petunjuk jenis argumen dan deskripsi singkat tepat di pengalaman pengeditan sebaris Anda. Mulailah mengetik fungsi, konstanta, atau nama kelas, dan ekstensi akan memberikan daftar lengkap entitas yang cocok secara otomatis Fitur
PenggunaanMulailah mengetik fungsi, konstanta, atau nama kelas, dan ekstensi akan memberikan daftar lengkap entitas yang cocok secara otomatis. Setelah Anda memilih entitas yang benar, tekan Enter untuk memicu potongan. Gunakan tombol Tab untuk menelusuri setiap argumen fungsi, jika memungkinkan PersyaratanThese snippets are bound to the PHP language context. Your cursor will need to be inside a set of tags. Instal. 210K+ 5. Paket Ekstensi Kode VS WordPressKumpulan ekstensi untuk bekerja dengan situs WordPress di VSCode Ekstensi disertakan
Instalasi yang direkomendasikan
Instal. 25K+ 6. Bendera Daftar Putih WPCSTerinspirasi oleh bendera daftar putih WPCS untuk Sublime Text, ekstensi untuk Visual Studio Code ini menambahkan semua bendera daftar putih Standar Pengodean WordPress sebagai cuplikan Terkadang, blok kode akan ditandai oleh WPCS dengan kesalahan yang ingin Anda abaikan. Contohnya bisa berupa variabel yang disanitasi atau di-escape di tempat lain sebelum digunakan atau keluaran. WPCS memungkinkan Anda membuat daftar putih kesalahan yang diberikan untuk satu baris atau blok kode Bendera yang tersedia untuk daftar putihMelarikan diri / XSSWPCS 2013-06-11+ 5SanitasiWPCS 0. 4. 0+ 6Verifikasi nonce / CSRFWPCS 0. 5. 0+ 7Perbandingan longgarWPCS 0. 4. 0+ _8Mengesampingkan global WordPressWPCS 0. 3. 0+ _9SQL yang tidak siapWPCS 0. 8. 0+ 0Tip. sebelum memasukkan kueri ke daftar putih, jika Anda meneruskan data yang diberikan pengguna melalui 1sebagai bagian dari parameter 2, meskipun data tersebut diloloskan dengan benar, Anda juga perlu memeriksa apakah ini tidak membuat kueri rentan terhadap serangan SQLi terkait 3Penggunaan superglobalWPCS 0. 3. 0+ _4Kueri basis data langsung*WPCS 0. 3. 0+ 5Kueri basis data tanpa caching*WPCS 0. 3. 0+ 6Permintaan lambat (taksonomi).WPCS 0. 12. 0+ _7Bendera ini awalnya disebut _8 dan diperkenalkan di WPCS 0. 10. 0. Tanda daftar putih 8 telah dihentikan sejak WPCS 0. 12. 0 dan digantikan oleh bendera 0Fungsi/kelas/variabel/konstanta tanpa awalan di namespace globalWPCS 0. 12. 0+ _1ejaan WordPressWPCS 0. 12. 0+ _2Penyelarasan presisiWPCS 0. 14. 0+ _3Placeholder SQL yang disiapkan vs penggantiWPCS 0. 14. 0+ _4Instal. 30rb+ 7. WooCommerce – Cuplikan & pelengkapan otomatisJika Anda mengembangkan sebagian besar di WooCommerce dan menulis cuplikan terkait setiap hari maka Anda beruntung ini adalah ekstensi WordPress Visual Studio yang cocok untuk Anda. Ekstensi ini untuk Visual Studio Kode menambahkan cuplikan WooCommerce dan pelengkapan otomatis fungsi, kelas, dan pengait
Pelengkapan otomatis untuk
8. Cuplikan ACFCuplikan khusus ACF untuk pengguna WordPress Visual Studio Code. Ekstensi ini memiliki banyak opsi untuk membuat pengkodean ACF Anda lebih mudah di Visual Studio Code. Semua pemicu tab mengikuti yang berikut ini Konvensi penamaan; . Semua bidang juga memiliki penyiapan tabstop yang sesuai, namun yang pertama akan selalu menjadi nama bidang. Beberapa cuplikannya adalah - Bidang Dasar 6 / 7 / 8 / 9 / 0 (HTML/PHP)Dapatkan bidang dengan nama. (Kolom tajuk/teks/tautan akan digabungkan dengan 1 / 2 / 3 tag)
4 (HTML/PHP)Dapatkan dan format bidang tanggal
5 / 6 (HTML/PHP)Kondisi lapangan. Juga digunakan untuk bidang benar/salah _0 7 (HTML/PHP)Dapatkan bidang berdasarkan nama, dalam pengulang/fleksibel _1Bidang Gambar 8 (HTML/PHP)Bidang gambar dengan nilai hasil "URL Gambar" _2 9 (HTML/PHP)Kolom gambar dengan nilai kembalian "ID Gambar" _3 0 (HTML/PHP)Bidang gambar dengan nilai kembalian "Objek Gambar" _4Bidang File 1 (HTML/PHP)Bidang file dengan nilai kembalian "File URL" _5 2 (HTML/PHP)Bidang file dengan nilai kembalian "ID File" _6 3 (HTML/PHP)Bidang file dengan nilai kembalian "Objek File" _7Bidang Konten Fleksibel 4 (HTML/PHP)Bidang dasar Konten Fleksibel menampilkan kedalaman 1 baris _8 5 (HTML/PHP)Bidang bersarang Konten Fleksibel menampilkan di bawah ini _9Bidang Pengulang 0 6 (HTML)Dapatkan dan lewati bidang pengulang _7 _8 _9 _0 _1 0 0Medan Bentuk Gravitasi 2 (HTML/PHP)Menampilkan bentuk gravitasi. Parameter untuk 3 diuraikan dalam _3Bidang Hubungan 4 (HTML/PHP)Dapatkan bidang hubungan dan ulangi semua posting yang dikembalikan _4Instal. 50rb+ 9. phpcbfPHP Code Beautifier and Fixer untuk Visual Studio Code Ekstensi ini menyediakan perintah PHP Code Beautifier and Fixer (phpcbf) untuk Visual Studio Code. phpcbf adalah saudara yang kurang dikenal dari phpcs (PHP_CodeSniffer). phpcbf akan mencoba memperbaiki dan mempercantik kode Anda sesuai dengan a Pratinjauklik kanan mouse, di menu konteks, pilih 'Format Dokumen'. Di sini menggunakan standar5. Anda juga dapat mengaktifkan pemformatan saat menyimpan Standar tambahanJika Anda menambahkan standar ke phpcs, itu akan tersedia untuk phpcbf. Beberapa standar populer adalah. Drupal, WordPress, Yii2, Magento dan Symfony Instal. 35K+ 10. Cuplikan ACS – VSCodeIni adalah kumpulan potongan Teks VSCode untuk plugin Advanced Custom Fields WordPress. Mungkin berguna untuk pengguna berat ACF. Cuplikan dikategorikan ke dalam –
Instal. 3k+ 11. Kotak Peralatan Genesis WordPressProyek ini ditujukan untuk membantu orang-orang yang menggunakan Genesis untuk bekerja lebih cepat dan lebih efisien. Proyek ini dicabangkan dari VSCode WordPress Toolbox milik Jason. Cuplikan ini terikat dengan konteks bahasa PHP. Kursor Anda harus berada di dalam sekumpulan tag PHP Instal. 3. 5rb+ 12. Tagger WordPress i18nEkstensi kode studio visual untuk WordPress ini menggantikan pekerjaan manual Anda untuk menambahkan lokalisasi. Itu membungkus string dan kemudian Anda dapat melakukan pencarian/ganti untuk 'text-domain'. Ekstensi juga dapat dibungkus dengan rangkaian string Instal. 1. 5rb+ 13. Kotak Alat Pengembangan WordPress untuk Kode VisualToolbox ini membantu Anda berkembang di WordPress dengan sangat cepat. Ini memiliki banyak cuplikan untuk banyak situasi Cuplikan adalah
Sebagai contoh. metafun – Met adalah untuk plugin Metabox, A untuk menambahkan fungsi dan Fun adalah nama potongannya Semua cuplikan akan mengikuti Standar Pengkodean WordPress Instal. 9rb+ 14. Cari Dokumen WordPressSearch WordPress Docs adalah ekstensi VS Code yang memungkinkan Anda memilih teks di dalam editor VS Code dan menelusuri situs Referensi Kode/Kode WordPress untuk fungsi, kelas, metode, atau pengait yang cocok. Ekstensi mengambil teks pilihan Anda dan membuka hasil pertama Google yang cocok Instal. 19rb+ Meskipun ekstensi kode studio visual WordPress jumlahnya lebih sedikit tetapi kami berharap seiring waktu jumlahnya akan bertambah. Apakah kami melewatkan ekstensi Kode VS? Bisakah Anda menggunakan WordPress dengan Kode VS?Out-of-the-box, VS Code tidak mendukung WordPress dan PHP serta beberapa IDE lain seperti PhpStorm (Temukan . Untungnya, itu mudah diubah dengan memasang beberapa ekstensi.
Bagaimana cara menghubungkan VS Code ke browser saya?Buka file HTML Anda di Visual Studio Code Editor. Di toolbar vertikal paling kiri, klik “Extensions. Atau, Anda dapat menggunakan pintasan keyboard "Ctrl + Shift + X" untuk meluncurkan Ekstensi. Klik pada bilah pencarian untuk mengaktifkan penulisan. Masukkan “buka di browser. ” Pilih ekstensi yang cocok dengan istilah pencarian Anda
Bagaimana cara membuka file WordPress di VS Code?Editor harus mencantumkan semua file Anda yang membentuk proyek WordPress Anda di sisi kiri. Klik dua kali file kode PHP mana pun untuk membukanya di dalam area pengeditan teks Visual Studio Code . Editor menyertakan lusinan fitur lanjutan yang memudahkan pengeditan kode Anda.
Bagaimana cara menghubungkan VS Code di PHP?Langkah-langkah Menjalankan PHP di Terminal VSCode Instal PHP di XAMPP di komputer Anda. Tambahkan jalur file yang dapat dieksekusi PHP (C. \\xampp\\php\\php. exe) di pengaturan konfigurasi JSON Code Runner. Juga, tambahkan jalur yang dapat dieksekusi PHP yang sama di variabel lingkungan windows. Buka file kode PHP di VS Code Text Editor |