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

شیرپوینت فریمورک (قسمت دوم) پیکربندی محیط توسعه

SharePointFramework
شیرپوینت فریمورک (قسمت اول) مقدمه
شهریور ۲۳, ۱۳۹۷
SharePointFramework
شیرپوینت فریمورک (قسمت سوم) ساخت اولین وب پارت
مهر ۱, ۱۳۹۷

شیرپوینت فریمورک (قسمت دوم) پیکربندی محیط توسعه

SharePointFramework

SharePointFramework

توجه: پیش از خواندن این بخش، مقاله قبلی یعنی “شیرپوینت فریمورک (قسمت اول) مقدمه” را بخوانید.

SharePoint Workbench

یک صفحه طراحی برای توسعه گران است که برایتان امکان پیش نمایش و تست وب پارت ها را فراهم می آورد بدون آنکه آن ها را به شیرپیوینت دیپلوی کرده باشید. Toolchain توسعه دهندگان شیرپوینت فریمورک شامل یک ورژن از Workbench است که به صورت لوکال کار می کند و به شما برای تست سریع و ارزیابی راهکارهایی که می سازید کمک می کند.

همچنین بر روی tenant شما هاست شده است تا در هنگام توسعه، وب پارتتان را به صورت پیش نمایش ببینید و تست نمایید. شما از سایت شیرپوینتی به Workbench دسترسی دارید. فقط کافی است این URL را در مرورگرتان وارد نمایید:

https://your-sharepoint-site/_layouts/workbench.aspx

مرحله بعدی:
اکنون نیاز دارید که محیط توسعه خود را پیکربندی نمایید تا وب پارت های سمت کلاینت تان را توسعه دهید.

پیکربندی محیط توسعه شیرپوینت فریمورک

شما می توانید برای ساخت راهکارهای شیرپوینت فریمورک از ویژوال استودیو یا هر محیط توسعه مورد نظرتان استفاده نمایید. می توانید از مک، پی سی، یا لینوکس استفاده نمایید.

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

نصب NodeJS

نصبNodeJS LTS version را از لینک نمایش داده شده انجام دهید.

  1. اگر از ویندوز استفاده می کنید از لینک بالا با کمک installer می توانید آن را نصب نمایید. فرایند نصب ساده است و نکته خاصی ندارد.
  2. اگر NodeJS را به صورت نصب شده دارید، ورژن آن را با node –v پیدا نمایید. این دستور ویرایش نسخه را باز می گرداند.
  3. اگر از مک استفاده می کنید، به شما پیشنهاد می کنیم homebrew را بکار ببرید تا NodeJS را نصب نمایید.

توجه کنید که ویرایش اخیر LTS، نسخه ۸٫۱۱٫۴ است. . ویرایش های ۹٫x و ۱۰٫x هم اکنون بر روی شیرپوینت فریمورک کار نمی کنند.

نصب یک ویرایشگر کد

شما می توانید از هر ویرایشگر کد یا IDE که توسعه سمت کلاینت را پشتیبانی می نماید برای ساخت وب پارت هایتان استفاده نمایید.

برای مثال های این بخش از Visual Studio Code استفاده خواهیم کرد، ولی شما از هر ویرایشگر کد مورد علاقه تان می توانید استفاده نمایید.

اگر از Ubuntu استفاده می نمایید

نیاز به نصب، Compiler Tools دارید، برای این منظور از کد زیر استفاده نمایید:

sudo apt-get install build-essential

اگر از Fedora استفاده می کنید

نیاز به نصب، Compiler Tools دارید، برای این منظور از کد زیر استفاده نمایید:

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

نصب Yeoman و gulp

Yeoman به شما کمک می کند تا پروژه را kick-start نمایید و برای افزایش خلاقیتتان best practice ها و ابزارهایی را تجویز می کند.  ابزارهای توسعه سمت کلاینت شیرپوینت شامل یک Yeoman Generator می باشد که برای ایجاد وب پارت های جدید بکار می رود. Generator ابزارهای مشترک ساخت ، Boilerplate Code مشترک ، و یک Playground وب سایت مشترک را، برای هاست وب پارت ها و تست آن ها تولید می کند.

برای نصب Yeoman و gulp کد زیر را وارد نمایید:

npm install -g yo gulp

نصب Yeoman SharePoint generator

Yeoman SharePoint web part generator به شما کمک می کند تا به سرعت پروژه راهکار سمت کلاینت را با toolchain و ساختار پروژه درست بسازید.
برای نصب عمومی SharePoint Framework Yeoman generator کد زیر را وارد نمایید:

npm install -g @microsoft/generator-sharepoint

اگر به این نیاز دارید که بین پروژه هایی سوییچ کنید که با ویرایش های مختلف SharePoint Framework Yeoman generator ساخته شده اند، می توانید generator را به صورت لوکال در فولدر پروژه با کمک کد زیر نصب کنید:

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

برای اطلاعات بیشتر درباره Yeoman SharePoint generator این لینک را ببینید Scaffold projects by using Yeoman SharePoint generator.

ابزارهای اختیاری:

قدم بعدی:

اکنون آماده اید اولین وب پارت سمت کلاینت خود را بسازید.

منبع مقاله: Set up your SharePoint Framework development environment
قسمت های دیگر این مقاله:
شیرپوینت فریمورک (قسمت اول) مقدمه
شیرپوینت فریمورک (قسمت سوم) ساخت اولین وب پارت
شیرپوینت فریمورک (قسمت چهارم) ساختار پروژه وب پارت

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *