ما در این مقاله قصد داریم تا با جایگزین کردن VS Code با شیرپوینت دیزاینر علاوه بر استفاده از مزایای بیشمار استفاده از VS Code در حال کدنویسی، از کندی و هنگ کردن‌­های مکرر شیرپوینت دیزاینر نیز رهایی یابیم پس با ما همراه باشید.

برای سال­های متمادی SharePoint Designer (SPD) یکی از ابزارهای لازم و حیاتی برای توسعه و کدنویسی در شیرپوینت بود، با معرفی نسخه SharePoint Designer 2013 و حذف بسیاری از فیچرهای آن نسبت به ورژن قبل و همچنین عدم توسعه آن در نسخه­های بعدی عملا استفاده از شیرپوینت دیزاینر رو به افول رفت ولی همچنان برای کاربردهایی مثل کدنویسی کلاینت در حال استفاده میباشد.

در نظر داشته باشید همچنان برای توسعه ورک فلوهای شیرپوینتی باید از SharePoint Designer استفاده نمایید ولی در صورتی که برای کدنویسی کلاینت از آن استفاده میکنید میتوانید با این روش از VS Code استفاده نمایید.

از مزایای استفاده از VS Code میتوان موارد زیر را نام برد:

  • قابل استفاده در هر سیستم عاملی (Windows،Mac،Linux)
  • قابلیت استفاده از امکانات Git
  • قابلیت استفاده از Extension های پرکاربرد موجود مثل Prettier، ESLint و…
  • قابلیت اطمینان بیشتر، سرعت عملکرد بالاتر، هنگ نکردن و…

برای شروع در صورتی که هنوز روی سیستم خود VS Code را نصب نکردید آنرا از لینک زیر نصب کنید

https://code.visualstudio.com/download

استفاده از VS Code

بعد از اینکه نصب VS Code تمام شد آنرا باز نمایید و در قسمت extension کلمه sharepoint را جستجو نمایید

استفاده از VS Code

اکستنشن مورد نظر را (SPGO) نصب نمایید سپس محیط VS Code را ببندید.

اکنون یک فولدر برای پروژه خود روی مسیری دلخواه ایجاد کنید سپس فولدر مورد نظر را با VS Code باز نمایید.

استفاده از VS Code

در VS Code از دکمه F1 یا کلید ترکیبی ctrl+shift+P را بزنید تا command palette باز شود.

سپس کلمه SPGO را وارد نمایید واز بین گزینه ها روی SPGO:Configure workspace کلیک نمایید

استفاده از VS Code

سپس از شما به ترتیب 3 سوال خواهد پرسید : آدرس سایت شیرپوینت خود، نوع برخورد با سیو شما، مدل اهرازحویت در سایت شیرپوینت شما

استفاده از VS Code
استفاده از VS Code
استفاده از VS Code

سپس در فولدری که ایجاد نمودید یک فایل به نام SPGo.json با اطلاعات وارد نموده ایجاد خواهد کرد فایل را جهت ویرایش باز نموده و خطوط زیر را به انتهای آن اضافه نمایید:

“re”remoteFolders”: [
“/SiteAssets/**/*”,
“/_catalogs/masterpage/**/*”
]

   

استفاده از VS Code

ما قصد داریم برای مثال دو فولدر SiteAssets (کتابخانه) و مسترپیج سایت را باز نماییم در صورت نیاز میتوانید فولدرهای دیگری را نیز درج نمایید. سپس با استفاده از دستور Retrieve Folder میتوانید فولدرهای مشخص شده بالا را در کامپیوتر خود دانلود نمایید. ( برای اولین بار نام کاربری و پسورد مورد نظر را خواهد پرسید)

استفاده از VS Code

سپس شما میتوانید روی فایل‌های خود تغییرات مورد نظر را ایجاد نمایید و با ذخیره کردن SPGo این تغییرات را به شیرپوینت منتقل خواهد نمود.

توجه داشته باشید در صورتی که تغییری در سمت شیرپوینت ایجاد شود برای سینک کردن فولدر خود با شیرپوینت باید مجدد دستور Retrieve Folder را بزنید.