مقتطفات JavaScript وReact/Redux في ES7+ مع ميزات Babel الإضافية لـ VS Code
إطلاق الفتح السريع :
Ctrl+P
⌘P
Ctrl+P
الصق الأمر التالي ثم اضغط على Enter
:
ext install dsznajder.es7-react-js-snippets
يوفر ملحق الإصدار 4 خيارات لتخصيص سلوك المقتطفات:
خيار | وصف |
---|---|
languageScopes | قائمة اللغات المدعومة / التعرف على الملفات |
prettierEnabled | يحدد ما إذا كان يجب تحليل المقتطفات باستخدام تكوين أجمل للمشروع |
importReactOnTop | إذا تم تعطيله، فلن تحتوي المقتطفات على import React في الأعلى. رد فعل 17+ الدعم |
نسخة مطبوعة | يضيف مقتطفات إضافية من النصوص المكتوبة |
إدارة طلبات السحب وإجراء مراجعات التعليمات البرمجية في IDE الخاص بك مع سياق شجرة المصدر الكامل. التعليق على أي سطر، وليس فقط الاختلافات. استخدم الانتقال السريع إلى التعريف وارتباطات المفاتيح المفضلة لديك وذكاء التعليمات البرمجية مع المزيد من سير عملك.
يتعلم أكثر
من الممكن استخدام هذه الحزمة في محرر النصوص vim/neovim الخاص بك، ولجعل ذلك ممكنًا، تأكد من تكوين coc.nvim
مسبقًا، ثم قم بإضافة هذا الأمر إلى init.vim
الخاص بك
Plug ' dsznajder/vscode-es7-javascript-react-snippets ' , { ' do ' : ' yarn install --frozen-lockfile && yarn compile ' }
قم بتحديث إعدادات vim / neovim الخاصة بك باستخدام :source %
ثم قم بتثبيت الحزمة الجديدة باستخدام :PlugInstall
ملاحظة: يستخدم هذا المثال vim-plug
كمدير للحزم، فلا تتردد في استخدام أي شيء آخر
للاستخدام مع باكر، يختلف بناء الجملة قليلاً. فقط قم بإضافة init.vim
أو init.lua
:
use { ' dsznajder/vscode-es7-javascript-react-snippets ' ,
run = ' yarn install --frozen-lockfile && yarn compile '
}
عند حفظ الملف سيتم التحديث ( :w
)
يمكنك البحث من خلال المقتطفات باستخدام أمر ES7 snippet search
والذي يمكن تشغيله باستخدام CMD + Shift + P
أو فقط استخدم رابط المفاتيح CMD + Shift + R
( CTRL + ALT + R
لنظامي التشغيل Windows و Linux).
هنا رابط مباشر إلى السوق ES7 React/Redux/React-Native/JS Snippets