كيفية إعداد المحرر الخاص بك لتطوير React

مظهر رائع لم يكن هذا سهلا

تريد أن تبدو مثل هؤلاء القادة الفكر على تطبيق Twitter ، أليس كذلك؟ وإلا ، كيف ستؤخذ على محمل الجد؟

أنا أمزح ، بالطبع ، لكن بيئة تطوير لطيفة تجعلني أبتسم كلما قمت بالدوران. مررت بالعملية على تثبيت Linux جديد في اليوم الآخر ، واعتقدت أنني سأشارك العملية ، بحيث يمكنك أيضًا أن تكون قائدًا للفكر. أو على الأقل تبدو وكأنها واحدة.

اذا هيا بنا نبدأ!

بالطبع ، تحتاج إلى ماك. ويفضل مع لوحة مفاتيح مكسورة. الصورة من قبل فابيان غروهس على Unsplash

الخطوة 1: كود مرئي ستوديو

هناك العديد من المحررين هناك. ذرة. نص سامية. Webstorm. حتى VIM أو Emacs إذا كنت مهتمًا بهذه الحياة. أفضِّل VSCode - لأنه قابل للتمديد وسريع بما يكفي لمؤخرتي البطيئة ، ويعمل فقط معظم الوقت.

يمكنك تنزيله هنا ، ولكن إذا كنت مهتمًا حقًا بنفخ عقول الناس ، فقم بتنزيل إصدار Insider الخاص بهم بدلاً من ذلك. ميزات موار!

الخطوة 2: رد فعل شاحنة الغذاء

يحتوي Visual Studio Code على سوق ملحق وملحق رائع ، لكن من السهل أن تفقد نفسك في مجموعة الأدوات المتوفرة. إن React Food Truck هي وسيلة سريعة للحصول على معظم ما تريده وتحتاجه لتطوير الشبكة الحديثة. إنها حزمة مكون إضافي منسقة من Azure-face Burke H✪lland ، والتي تحزم معظم (إن لم يكن كل) الأشياء التي تحتاجها خارج الصندوق.

فيما يلي منشور المدونة التمهيدية ، وإليك صفحة التنزيل. TLDR - ابحث ببساطة عن "food food" في سوق الملحقات ، وانقر فوق تثبيت.

الصورة من باب المدونة التمهيدية المرتبطة أدناه.

الخطوة 3: دانك مونو

ملاحظة - هذه الخطوة تكلف الأموال. ليس الكثير من الأموال ، نسبيا ، ولكن لا تزال الأموال. 40 جنيه استرليني. سيكون أفضل استثمار في عملك اليومي الذي ستقوم به على الإطلاق.

Dank Mono هو خط الترميز الذي تم تطويره بواسطة مطور - وهو Phil Plückthun. لقد كتب منشورًا عن مدونة حول كيفية سير هذه العملية ، وهي قراءة ممتعة لبعض الوقت. في الوقت الحالي ، قم بشراء خطه وتثبيته.

يمكنك قراءة المزيد حول كيفية الحصول عليها على موقع الويب الخاص بهم.

بمجرد التنزيل ، قم بتعيين الخط على أنه الخط المفضل لديك ، وذلك بإضافة هذا الخط إلى إعدادات VSCode:

{
  "editor.fontFamily": "Dank Mono" ،
  "editor.fontLigatures": صحيح ،
}

لاحظ أننا نقوم أيضًا بتمكين الحروف المركبة. هذه تغير السهام الخاصة بك => إلى السهام الفعلية. وغيرها من الاشياء. ستبدو ذكيًا ، وهذا كل ما تحتاج إلى معرفته!

الصورة بواسطة فيليب D. على Unsplash

الخطوة 4: ليلة البومة

بمجرد أن تصبح لعبة الخط والإرشاد في وضع جيد ، فقد حان الوقت للحصول على المظهر الصحيح. هناك الكثير من الأطنان ، لكنني أفضل موضوع سارة دراسنر بعنوان Night Owl ، لأنه ... أفضل ، أفضل. يتحدث موضوعيا بالطبع.

يمكنك أن ترى كيف يبدو وكيفية البدء به في إعادة الشراء على GitHub ، ويمكنك تنزيله من السوق.

تبدو جميلة جدا!

خطوة المكافأة: PolaCode

نظرًا لأنك الآن قائد فكري ، فأنت بحاجة إلى عرض آرائك على Twitter. بالتأكيد ، يمكنك لصق الشفرة أو حتى لقطة شاشة ol العادية ، لكنها ليست جيدة بدرجة كافية. إذا كنت تريد أن تؤخذ على محمل الجد ، تحتاج إلى استخدام PolaCode. PolaCode هو امتداد يأخذ لقطة لطيفة المظهر من التعليمات البرمجية الخاصة بك.

هذا ليس ضروريًا تمامًا ، ولكن لماذا تظهري طوال الوقت لجعل إعدادك يبدو جيدًا ، إذا لم تتمكن من فركه في وجوه peoiple؟

قم بتنزيل الامتداد من السوق ، وقم بلصق الشفرة أثناء تقدمك. إن تويتر سيكون معجبًا جدًا ، أنا متأكد.

مبروك!

لقد وصلت أخيرا. أنت قائد فكر. أيا كان هذا يعني ، آمل أن تجد بعض الإلهام وأنك ستجرب هذه المنتجات. لا أستطيع أن أعدك بأنك سوف تبتسم أكثر ، لكنني أعرف أنني أفعل ذلك.

kthxbai