Cuplikan JavaScript dan React/Redux di ES7+ dengan fitur plugin Babel untuk VS Code
Luncurkan Buka Cepat :
Ctrl+P
⌘P
Ctrl+P
Rekatkan perintah berikut dan tekan Enter
:
ext install dsznajder.es7-react-js-snippets
Dari versi 4, ekstensi menyediakan opsi untuk menyesuaikan perilaku cuplikan:
Pilihan | Keterangan |
---|---|
lingkup bahasa | daftar bahasa yang didukung/pengenalan file |
lebih cantik Diaktifkan | menentukan apakah cuplikan harus diuraikan dengan konfigurasi proyek yang lebih cantik |
imporReactOnTop | Jika dinonaktifkan, cuplikan tidak akan berisi import React di atasnya. Bereaksi dukungan 17+ |
naskah ketikan | menambahkan cuplikan skrip tambahan |
Kelola permintaan penarikan dan lakukan tinjauan kode di IDE Anda dengan konteks pohon sumber lengkap. Komentari baris mana pun, bukan hanya perbedaannya. Gunakan jump-to-definition, keybinding favorit Anda, dan kecerdasan kode dengan lebih banyak alur kerja Anda.
Pelajari Lebih Lanjut
Dimungkinkan untuk menggunakan paket ini di editor teks vim/neovim Anda, untuk memungkinkan hal ini, pastikan Anda telah mengkonfigurasi coc.nvim
sebelumnya, lalu tambahkan perintah ini ke init.vim
Anda
Plug ' dsznajder/vscode-es7-javascript-react-snippets ' , { ' do ' : ' yarn install --frozen-lockfile && yarn compile ' }
Perbarui pengaturan vim/neovim Anda dengan :source %
dan kemudian instal paket baru dengan :PlugInstall
Catatan: Contoh ini menggunakan vim-plug
sebagai pengelola paket, silakan gunakan yang lain
Untuk digunakan dengan packer, sintaksnya sedikit berbeda. Cukup tambahkan init.vim
atau init.lua
:
use { ' dsznajder/vscode-es7-javascript-react-snippets ' ,
run = ' yarn install --frozen-lockfile && yarn compile '
}
Saat menyimpan file, pembaruan akan dilakukan ( :w
)
Anda dapat mencari melalui cuplikan dengan perintah ES7 snippet search
yang dapat dijalankan dengan CMD + Shift + P
atau cukup gunakan pengikat tombol CMD + Shift + R
( CTRL + ALT + R
untuk Windows & Linux).
Berikut ini tautan langsung ke cuplikan pasar ES7 React/Redux/React-Native/JS