در آموزش قبلی محیط توسعه شیرپوینت فریم ورک را آماده کردیم
به منظور ایجاد و توسعه سولوشن های شیرپوینت فریم ورک میتوان از 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 می توانید از این لینک استفاده نمایید.