آموزش رسم class diagram برای پروژه های reactJs

آموزش رسم class diagram برای پروژه های reactJs نوشته شده در   react ۲۳ آبان , ۱۳۹۷ توسط  عباس حسینی

در این آموزش قصد دارم نحوه تهیه class diagram با استفاده از ابزار مناسب برای پروژه های reactJS را به شما آموزش بدهم پس قبل از شروع هر چیزی نیاز است ابزارهای مورد نیاز را نصب کنید

در ابتدا ویرایشگر visual studio code را از لینک زیر دانلود و نصب کنید

لینک دانلود

سپس پلاگین PlantUML را برای ویرایشگر vs code نصب نمایید

لینک دانلود

حال با توجه به ۶۴ یا ۳۲ بیت بودن ویندوزتان برنامه SE Runtime Environment را نصب کنید و طبق دستور العمل زیر عمل کنید

لینک دانلود به همراه توضیحات

پس از دانلود و نصب برنامه بالا لازم است یک سری تنطیمات داخل ویندوز تان انجام دهید برای این کار ابتدا در قسمت جستجوی ویندوز کلمه advanced system setting را جستجو کنید و نتیجه آن را باز کنید

1_windows10_search_box

و مانند شکل زیر روی environments variables کلیک کنید

2_windows_environment_variable

پس از باز شدن بخش مربوط به آن بلافاصله روی در قسمت system variables روی دکمه new کلیک کنید
و مانند شکل زیر کلمه JAVA_HOME را به عنوان نام و آدرس نصبی برنامه SE Runtime Environment را در محل مورد نظر قرار دهید

 

3_java_home_windows_10

سپس با کلیک کردن روی کلمه path و فشردن دکمه edit وارد بخش ویرایش آن شده و %JAVA_HOME%\bin را به آن اضافه کنید

add-JAVA-HOME-Windows

حال در انتها باید ابزار graphVis با استفاده از لینک زیر نصب کنیم

لینک دانلود به همراه توضیحات

 

بعد از نصب graphVis مثل دستورالعمل نصب SE Runtime Environment عمل میکنیم ، با این تفاوت که از نام GRAPHVIZ_DOT استفاده کرده و مسیر مربوط به نصب graphVis را برای آن تعیین میکنیم

 

بعد از نصب و اجرای تمام مراحل به ویدئوی زیر توجه کنید تا روش رسم diagram برای پروژه های reactJs را فرا بگیرید