آموزش نصب و راه اندازی ابزارهای توسعه شیرپوینت فریم ورک ( SPFX Developer Tools )

دسته: توسعه شیرپوینت نوشته شده توسط شهاب مطاع پور

در آموزش قبلی محیط توسعه شیرپوینت فریم ورک را آماده کردیم

به منظور ایجاد و توسعه سولوشن های شیرپوینت فریم ورک می‌توان از Visual Studio و Visual Studio Code  در سیستم عامل های Mac و Windows و Linux استفاده کرد.

به منظور ایجاد و توسعه سولوشن های شیرپوینت فریم ورک می‌توان از Visual Studio و Visual Studio Code  در سیستم عامل های Mac و Windows و Linux استفاده کرد.

نصب و راه اندازی ابزارهای توسعه 

قبل از هرچیز نیاز به نصب NodeJs داریم پیشنهاد بنده نصب نسخه های LTS نود جی اس است.
- اگر شما از سیستم عامل ویندوز استفاده می‌کنید براحتی از طریق لینک وب سایت NodeJs می‌توانید و دانلود فایل msi و نصب آن اقدام به نصب nodejs نمایید.
- اگر شما از قبل nodejs را نصب کرده‌اید می‌توانید با اجرای PowerShell ویندوز و استفاده از دستور node –v از نسخه نصبی nodejs تان مطلع شوید و در صورت نیاز آنرا بروز رسانی( update ) نمایید.
- اگر شما از سیستم عامل Mac استفاده می‌نمایید می‌توانید جهت نصب NodeJs از ابزار Homebrew استفاده نمایید.

 نصب یک Code Editor

شما می‌توانید از هر code editor یا IDE ای که از توسعه کلاینک ساید (زبان های کلاینت ساید JavaScript – Jquery و ...) پشتیبانی می‌کند استفاده نمایید مانند :

Visual studio code
Atom
Webstorm

بنده از Visual Studio Code استفاده می‌کنم لذا در مقالات آتی و آموزش‌های بعدی بیشتر با امکانات ادیتور ویژوال استودیو کد آشنا خواهیم گشت.
اگر شما از سیستم عامل Ubuntu استفاده می‌نمایید نیاز به یک ابزار کامپایلر دارید به منظور نصب آن می توانید از دستور زیر استفاده نمایید

sudo apt-get install build-essential

اگر شما از سیستم عامل fedora استفاده می‌نمایید نیاز به یک ابزار کامپایلر دارید به منظور نصب آن می توانید از دستور زیر استفاده نمایید

sudo yum install make automake gcc gcc-c++ kernel-devel

نصب Yeoman و Gulp 

Yeoman به شما کمک می‌نماید تا بتوانید پروژه جدیدی اجرا نمایید ، در واقع Yeoman ، Best practice و بهترین ابزاری است که در محیط Productive توسعه SPFX به آن نیاز داریم. ابزارهای توسعه کلاینت ساید شیرپوینت عموما دارای یک Yeoman Generator برای ایجاد وب پارتهای جدید هستند. در حقیقت همان ابزارهای Generator امکان Build کردن ، امکانات کدنویسی مشترک ، تست کردن و ... را به ما می‌دهند.
به منظور نصبت Yeoman و Gulp باید دستور زیر را PowerShell ویندوز وارد نمایید

npm install -g yo gulp

نصب Yeoman SharePoint generator

Yeoman SharePoint web part generator به ما کمک میکند تا یک ساختار صحیح ولی خالی از سولوشن های کلاینت ساید ایجاد کنیم ، این ابزار به منظور ایجاد پروژه های جدید در تسریع کار ،  بسیار با اهمیت و کاربردی می باشد. به منظور نصب آن می‌توان در پاورشل ویندوز از دستور زیر استفاده نمود

npm install @microsoft/generator-sharepoint --save-dev

به منظور کسب اطلاعات بیشتر در خصوص Yeoman Sharepoint generator می توانید از این لینک استفاده نمایید.