استفاده از VSCode برای توسعه اپ‌های React Native

بنظر من تنها محصول بدرد بخور مایکروسافت توی این چند دهه فعالیتش همین VSCode هست. VSCode یک IDE بسیار قدرتمند و متن باز هست که امکانات بسیار مناسبی داره و محدوده زبان‌ها و فریم‌ورک‌های زیادی رو پوشش میده و البته که بیشتر این قدرت از افزونه‌های متن بازی که جامعه کاربریش می‌نویسن میاد.
نکته: با اینکه VSCode بسیار قدرمتند هست اما برای پروژه‌های حرفه‌ای پیشنهاد نمیشه! (من پیشنهادش نمی‌کنم)
خب دیگه وقتشه که شروع کنیم:

مرحله اول: نصب‌های پایه

به مارکت (بازار) VSCode برید و افزونه‌های زیر رو نصب کنید.
از اسمشون مشخصه کارشون چیه ولی هرکدوم که نیاز به توضیح داشته رو توضیح دادم :)

  1. React Native Tools
  2. Babel JavaScript

    به شما اجازه می‌دهد از ویژگی‌های ES6 استفاده کنید!

  3. Flow Language Support

    Flow یک static type-checker هست. اگر می‌خواید بدونید چرا به یک static type-checker نیاز دارید اینجا رو بخونید.

  4. ESLint

    ESLint کد شما رو چک می‌کنه و بهتون پیشنهادهایی برای بهتر نوشتن کدتون ارائه می‌کنه!

  5. Prettier - JavaScript formatter

در هنگام نصب افزونه‌ها به توضیحات Readme آن‌ها دقت کنید.

مرحله دوم: دیگر نصب‌ها

  1. Atom Keymap
  2. Auto Close Tag
  3. Auto Complete Tag
  4. Auto Rename Tag
  5. Color Highlight
  6. Git Blame
  7. Path Intellisense
  8. Rainbow Brackets
  9. SVG Viewer
  10. TODO Highlight
  11. change-case
  12. Code Spell Checker
  13. npm & npm intellisense

خب به همین راحتی VSCode رو برای توسعه اپ‌های React Native مناسب سازی کردم :)

نویسنده: گشتاسب مظفریان | تاریخ: ۲۷ خرداد ۱۳۹۷