{"id":1975,"date":"2017-11-24T16:28:18","date_gmt":"2017-11-24T16:28:18","guid":{"rendered":"https:\/\/daoudisamir.com\/?p=1975"},"modified":"2025-05-22T00:30:48","modified_gmt":"2025-05-22T00:30:48","slug":"setting-sharepoint-framework-development-environment","status":"publish","type":"post","link":"https:\/\/samtech365.com\/setting-sharepoint-framework-development-environment\/","title":{"rendered":"Setting up SharePoint Framework Development Environment"},"content":{"rendered":"<h1>1. Setting up you SPfx Dev Environment<\/h1>\n<p>&nbsp;<\/p>\n<ul>\n<li>\n<h2>Install Node JS<\/h2>\n<ul>\n<li>Install NodeJS Long Term Support (LTS) version from <a href=\"https:\/\/nodejs.org\/en\/\" target=\"_blank\" rel=\"noopener\">here<\/a><\/li>\n<li>After installation, Typ <strong>npm -v<\/strong> to verify the version. Make sure you are running V3 version of npm.<\/li>\n<li>You can use <a href=\"https:\/\/nodejs.org\/api\/cli.html\" target=\"_blank\" rel=\"noopener\">nodejs commandline<\/a> or \u00a0<a href=\"https:\/\/www.google.ae\/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=1&amp;cad=rja&amp;uact=8&amp;ved=0ahUKEwjwjpPLh9HRAhVQFMAKHf8VDcIQFggYMAA&amp;url=http%3A%2F%2Fcmder.net%2F&amp;usg=AFQjCNGqL36p6lzstr0Uz55eWX_2ZkQ4cA&amp;sig2=wWVv36kfTbAIBdZrpKNOGw&amp;bvm=bv.144224172,d.bGg\" target=\"_blank\" rel=\"noopener\">CMDER <\/a>or Windows powershell tool to run npm in windows.<\/li>\n<\/ul>\n<\/li>\n<li>\n<h2>Install Yeoman<\/h2>\n<p><a href=\"http:\/\/yeoman.io\/\" target=\"_blank\" rel=\"noopener\">Yeoman <\/a>is the modern scaffolding tool. It helps you kick-start new projects, and prescribes best practices and tools to help you stay productive.<\/p>\n<ul>\n<li>Type<strong> npm install -g yo <\/strong>to install Yeoman<\/li>\n<li>It is a good idea to check that everything is installed as expected by running commonly used Yeoman commands like below::<strong>yo \u2013version<\/strong><\/li>\n<\/ul>\n<\/li>\n<li>\n<h2>Install Gulp<\/h2>\n<p><a href=\"http:\/\/gulpjs.com\/\" target=\"_blank\" rel=\"noopener\">Gulp <\/a>is a javascript task runner that lets you automate tasks such as\u00a0Bundling and minifying libraries and stylesheets,Refreshing your browser when you save a file,Quickly running unit tests,\u00a0Copying modified files to an output directory etc.<\/p>\n<ul>\n<li>Install the gulp command <strong>npm install \u2013global gulp-cli<\/strong><\/li>\n<\/ul>\n<\/li>\n<li>\n<h2>Install Yeoman SharePoint Generator<\/h2>\n<p>The Yeoman SharePoint web part generator helps you quickly create a SharePoint client-side solution project with the right toolchain and project structure.<\/p>\n<ul>\n<li>Enter the following command to install the Yeoman SharePoint generator:<br \/>\n<strong>npm install -g @microsoft\/generator-sharepoint<\/strong><\/li>\n<\/ul>\n<\/li>\n<li>\n<h2>Update NPM to latest version<\/h2>\n<ul>\n<li><strong>npm -g install npm@next<\/strong><\/li>\n<\/ul>\n<\/li>\n<li>\n<h2>Install windows build toos<\/h2>\n<ul>\n<li><strong>npm install &#8211;global &#8211;production windows-build-tools<\/strong><\/li>\n<\/ul>\n<\/li>\n<li>\n<h2>Install Yeoman SharePoint Generator<\/h2>\n<ul>\n<li><strong>nom i -g @microsoft\/generator-sharepoint<\/strong><\/li>\n<\/ul>\n<\/li>\n<li>\n<h2>Create an App Catalog<\/h2>\n<ul>\n<li>Browse to https:\/\/Tenant-Admin.sharepointonline.com<\/li>\n<li>Apps -&gt; App catalog<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h1>2. Steps for creating SharePoint client side WebParts:<\/h1>\n<ul>\n<li>Create a folder for your project<\/li>\n<li>Start Web Part\n<ul>\n<li>yo @microsoft\/sharepoint<\/li>\n<\/ul>\n<\/li>\n<li>Edit your webpart with TypeScript in VS, VS Code (or any other editor)<\/li>\n<li>Test locally<\/li>\n<li>Test in Modern and Classic Pages<\/li>\n<li>Deploy to CDN w\/Gulp<\/li>\n<li>Test CDN based assets in SP<\/li>\n<li>DONE !!<\/li>\n<\/ul>\n<h1>3. Example<\/h1>\n<ul>\n<li>md Folder<\/li>\n<li>yo @microsoft\/sharepoint<\/li>\n<li>Define your webpart<\/li>\n<li>run gulp serv<\/li>\n<li>Have FUN !!<\/li>\n<\/ul>\n<h1>Extra &#8211; Userful links<\/h1>\n<p>https:\/\/daoudisamir.com\/getting-started-client-side-development-sharepoint-framework\/<\/p>\n<p><a href=\"https:\/\/nodejs.org\/en\/\">https:\/\/nodejs.org\/en\/<\/a><\/p>\n<p><a href=\"https:\/\/www.npmjs.com\/\">https:\/\/www.npmjs.com\/<\/a><\/p>\n<p><a href=\"http:\/\/yeoman.io\/learning\/index.html\">http:\/\/yeoman.io\/learning\/index.html<\/a><\/p>\n<p><a href=\"https:\/\/gulpjs.com\/\">https:\/\/gulpjs.com\/<\/a><\/p>\n<p><a href=\"http:\/\/www.typescriptlang.org\/#download-links\">http:\/\/www.typescriptlang.org\/#download-links<\/a><\/p>\n<p><a href=\"https:\/\/reactjs.org\/docs\/hello-world.html\">https:\/\/reactjs.org\/docs\/hello-world.html<\/a><\/p>\n<p><a href=\"http:\/\/cmder.net\/\">http:\/\/cmder.net\/<\/a><\/p>\n<p><a href=\"https:\/\/dev.office.com\/blogs\/getting-started-with-sharepoint-framework-tutorials\">https:\/\/dev.office.com\/blogs\/getting-started-with-sharepoint-framework-tutorials<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. Setting up you SPfx Dev Environment &nbsp; Install Node JS Install NodeJS Long Term&#8230;<\/p>\n","protected":false},"author":1,"featured_media":1978,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[18,16],"tags":[194],"class_list":["post-1975","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-m365","category-sharepoint","tag-sharepoint"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Setting up SharePoint Framework Development Environment - SamTech 365 - Samir Daoudi Technical Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/samtech365.com\/setting-sharepoint-framework-development-environment\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Setting up SharePoint Framework Development Environment\" \/>\n<meta property=\"og:description\" content=\"1. Setting up you SPfx Dev Environment Install Node JS Install NodeJS Long Term Support (LTS) version from here After installation, Typ npm -v to verify the version. Make sure you are running V3 version of npm. You can use nodejs commandline or CMDER or Windows powershell tool to run npm in windows. Install Yeoman Yeoman is the modern scaffolding tool. It helps you kick-start new projects, and prescribes best practices and tools to help you stay productive. Type npm install -g yo to install Yeoman It is a good idea to check that everything is installed as expected by running commonly used Yeoman commands like below::yo \u2013version Install Gulp Gulp is a javascript task runner that lets you automate tasks such as Bundling and minifying libraries and stylesheets,Refreshing your browser when you save a file,Quickly running unit tests, Copying modified files to an output directory etc. Install the gulp command npm install \u2013global gulp-cli Install Yeoman SharePoint Generator The Yeoman SharePoint web part generator helps you quickly create a SharePoint client-side solution project with the right toolchain and project structure. Enter the following command to install the Yeoman SharePoint generator: npm install -g @microsoft\/generator-sharepoint Update NPM to latest version npm -g install npm@next Install windows build toos npm install --global --production windows-build-tools Install Yeoman SharePoint Generator nom i -g @microsoft\/generator-sharepoint Create an App Catalog Browse to https:\/\/Tenant-Admin.sharepointonline.com Apps -&gt; App catalog\" \/>\n<meta property=\"og:url\" content=\"https:\/\/samtech365.com\/setting-sharepoint-framework-development-environment\/\" \/>\n<meta property=\"og:site_name\" content=\"SamTech 365 - Samir Daoudi Technical Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-11-24T16:28:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-22T00:30:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/samtech365.com\/wp-content\/uploads\/2017\/11\/SharePoint-Framework.png?fit=900%2C800&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Samir Daoudi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Setting up SharePoint Framework Development Environment\" \/>\n<meta name=\"twitter:description\" content=\"1. Setting up you SPfx Dev Environment Install Node JS Install NodeJS Long Term Support (LTS) version from here After installation, Typ npm -v to verify the version. Make sure you are running V3 version of npm. You can use nodejs commandline or CMDER or Windows powershell tool to run npm in windows. Install Yeoman Yeoman is the modern scaffolding tool. It helps you kick-start new projects, and prescribes best practices and tools to help you stay productive. Type npm install -g yo to install Yeoman It is a good idea to check that everything is installed as expected by running commonly used Yeoman commands like below::yo \u2013version Install Gulp Gulp is a javascript task runner that lets you automate tasks such as Bundling and minifying libraries and stylesheets,Refreshing your browser when you save a file,Quickly running unit tests, Copying modified files to an output directory etc. Install the gulp command npm install \u2013global gulp-cli Install Yeoman SharePoint Generator The Yeoman SharePoint web part generator helps you quickly create a SharePoint client-side solution project with the right toolchain and project structure. Enter the following command to install the Yeoman SharePoint generator: npm install -g @microsoft\/generator-sharepoint Update NPM to latest version npm -g install npm@next Install windows build toos npm install --global --production windows-build-tools Install Yeoman SharePoint Generator nom i -g @microsoft\/generator-sharepoint Create an App Catalog Browse to https:\/\/Tenant-Admin.sharepointonline.com Apps -&gt; App catalog\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/daoudisamir.com\/wp-content\/uploads\/2017\/11\/SharePoint-Framework.png\" \/>\n<meta name=\"twitter:creator\" content=\"@daoudi_samir\" \/>\n<meta name=\"twitter:site\" content=\"@daoudi_samir\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Samir Daoudi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/samtech365.com\\\/setting-sharepoint-framework-development-environment\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/samtech365.com\\\/setting-sharepoint-framework-development-environment\\\/\"},\"author\":{\"name\":\"Samir Daoudi\",\"@id\":\"https:\\\/\\\/samtech365.com\\\/#\\\/schema\\\/person\\\/92fc47c88485daac9dc759ad3f9e18e6\"},\"headline\":\"Setting up SharePoint Framework Development Environment\",\"datePublished\":\"2017-11-24T16:28:18+00:00\",\"dateModified\":\"2025-05-22T00:30:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/samtech365.com\\\/setting-sharepoint-framework-development-environment\\\/\"},\"wordCount\":360,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/samtech365.com\\\/#\\\/schema\\\/person\\\/92fc47c88485daac9dc759ad3f9e18e6\"},\"image\":{\"@id\":\"https:\\\/\\\/samtech365.com\\\/setting-sharepoint-framework-development-environment\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/samtech365.com\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/SharePoint-Framework.png?fit=900%2C800&ssl=1\",\"keywords\":[\"SharePoint\"],\"articleSection\":[\"Microsoft 365\",\"SharePoint\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/samtech365.com\\\/setting-sharepoint-framework-development-environment\\\/\",\"url\":\"https:\\\/\\\/samtech365.com\\\/setting-sharepoint-framework-development-environment\\\/\",\"name\":\"Setting up SharePoint Framework Development Environment - SamTech 365 - Samir Daoudi Technical Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/samtech365.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/samtech365.com\\\/setting-sharepoint-framework-development-environment\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/samtech365.com\\\/setting-sharepoint-framework-development-environment\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/samtech365.com\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/SharePoint-Framework.png?fit=900%2C800&ssl=1\",\"datePublished\":\"2017-11-24T16:28:18+00:00\",\"dateModified\":\"2025-05-22T00:30:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/samtech365.com\\\/setting-sharepoint-framework-development-environment\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/samtech365.com\\\/setting-sharepoint-framework-development-environment\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/samtech365.com\\\/setting-sharepoint-framework-development-environment\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/samtech365.com\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/SharePoint-Framework.png?fit=900%2C800&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/samtech365.com\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/SharePoint-Framework.png?fit=900%2C800&ssl=1\",\"width\":900,\"height\":800},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/samtech365.com\\\/setting-sharepoint-framework-development-environment\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/samtech365.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Setting up SharePoint Framework Development Environment\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/samtech365.com\\\/#website\",\"url\":\"https:\\\/\\\/samtech365.com\\\/\",\"name\":\"SamTech 365 - Samir Daoudi Technical Blog\",\"description\":\"PowerPlatform, Power Apps, Power Automate, PVA, SharePoint, C#, .Net, SQL, Azure News, Tips ....etc\",\"publisher\":{\"@id\":\"https:\\\/\\\/samtech365.com\\\/#\\\/schema\\\/person\\\/92fc47c88485daac9dc759ad3f9e18e6\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/samtech365.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/samtech365.com\\\/#\\\/schema\\\/person\\\/92fc47c88485daac9dc759ad3f9e18e6\",\"name\":\"Samir Daoudi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/i0.wp.com\\\/samtech365.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/samtech365_v3-e1755126237898.png?fit=192%2C96&ssl=1\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/samtech365.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/samtech365_v3-e1755126237898.png?fit=192%2C96&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/samtech365.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/samtech365_v3-e1755126237898.png?fit=192%2C96&ssl=1\",\"width\":192,\"height\":96,\"caption\":\"Samir Daoudi\"},\"logo\":{\"@id\":\"https:\\\/\\\/i0.wp.com\\\/samtech365.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/samtech365_v3-e1755126237898.png?fit=192%2C96&ssl=1\"},\"url\":\"https:\\\/\\\/samtech365.com\\\/author\\\/daoudi-samirgmail-com\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Setting up SharePoint Framework Development Environment - SamTech 365 - Samir Daoudi Technical Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/samtech365.com\/setting-sharepoint-framework-development-environment\/","og_locale":"en_US","og_type":"article","og_title":"Setting up SharePoint Framework Development Environment","og_description":"1. Setting up you SPfx Dev Environment Install Node JS Install NodeJS Long Term Support (LTS) version from here After installation, Typ npm -v to verify the version. Make sure you are running V3 version of npm. You can use nodejs commandline or CMDER or Windows powershell tool to run npm in windows. Install Yeoman Yeoman is the modern scaffolding tool. It helps you kick-start new projects, and prescribes best practices and tools to help you stay productive. Type npm install -g yo to install Yeoman It is a good idea to check that everything is installed as expected by running commonly used Yeoman commands like below::yo \u2013version Install Gulp Gulp is a javascript task runner that lets you automate tasks such as Bundling and minifying libraries and stylesheets,Refreshing your browser when you save a file,Quickly running unit tests, Copying modified files to an output directory etc. Install the gulp command npm install \u2013global gulp-cli Install Yeoman SharePoint Generator The Yeoman SharePoint web part generator helps you quickly create a SharePoint client-side solution project with the right toolchain and project structure. Enter the following command to install the Yeoman SharePoint generator: npm install -g @microsoft\/generator-sharepoint Update NPM to latest version npm -g install npm@next Install windows build toos npm install --global --production windows-build-tools Install Yeoman SharePoint Generator nom i -g @microsoft\/generator-sharepoint Create an App Catalog Browse to https:\/\/Tenant-Admin.sharepointonline.com Apps -> App catalog","og_url":"https:\/\/samtech365.com\/setting-sharepoint-framework-development-environment\/","og_site_name":"SamTech 365 - Samir Daoudi Technical Blog","article_published_time":"2017-11-24T16:28:18+00:00","article_modified_time":"2025-05-22T00:30:48+00:00","og_image":[{"width":900,"height":800,"url":"https:\/\/i0.wp.com\/samtech365.com\/wp-content\/uploads\/2017\/11\/SharePoint-Framework.png?fit=900%2C800&ssl=1","type":"image\/png"}],"author":"Samir Daoudi","twitter_card":"summary_large_image","twitter_title":"Setting up SharePoint Framework Development Environment","twitter_description":"1. Setting up you SPfx Dev Environment Install Node JS Install NodeJS Long Term Support (LTS) version from here After installation, Typ npm -v to verify the version. Make sure you are running V3 version of npm. You can use nodejs commandline or CMDER or Windows powershell tool to run npm in windows. Install Yeoman Yeoman is the modern scaffolding tool. It helps you kick-start new projects, and prescribes best practices and tools to help you stay productive. Type npm install -g yo to install Yeoman It is a good idea to check that everything is installed as expected by running commonly used Yeoman commands like below::yo \u2013version Install Gulp Gulp is a javascript task runner that lets you automate tasks such as Bundling and minifying libraries and stylesheets,Refreshing your browser when you save a file,Quickly running unit tests, Copying modified files to an output directory etc. Install the gulp command npm install \u2013global gulp-cli Install Yeoman SharePoint Generator The Yeoman SharePoint web part generator helps you quickly create a SharePoint client-side solution project with the right toolchain and project structure. Enter the following command to install the Yeoman SharePoint generator: npm install -g @microsoft\/generator-sharepoint Update NPM to latest version npm -g install npm@next Install windows build toos npm install --global --production windows-build-tools Install Yeoman SharePoint Generator nom i -g @microsoft\/generator-sharepoint Create an App Catalog Browse to https:\/\/Tenant-Admin.sharepointonline.com Apps -> App catalog","twitter_image":"https:\/\/daoudisamir.com\/wp-content\/uploads\/2017\/11\/SharePoint-Framework.png","twitter_creator":"@daoudi_samir","twitter_site":"@daoudi_samir","twitter_misc":{"Written by":"Samir Daoudi","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/samtech365.com\/setting-sharepoint-framework-development-environment\/#article","isPartOf":{"@id":"https:\/\/samtech365.com\/setting-sharepoint-framework-development-environment\/"},"author":{"name":"Samir Daoudi","@id":"https:\/\/samtech365.com\/#\/schema\/person\/92fc47c88485daac9dc759ad3f9e18e6"},"headline":"Setting up SharePoint Framework Development Environment","datePublished":"2017-11-24T16:28:18+00:00","dateModified":"2025-05-22T00:30:48+00:00","mainEntityOfPage":{"@id":"https:\/\/samtech365.com\/setting-sharepoint-framework-development-environment\/"},"wordCount":360,"commentCount":0,"publisher":{"@id":"https:\/\/samtech365.com\/#\/schema\/person\/92fc47c88485daac9dc759ad3f9e18e6"},"image":{"@id":"https:\/\/samtech365.com\/setting-sharepoint-framework-development-environment\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/samtech365.com\/wp-content\/uploads\/2017\/11\/SharePoint-Framework.png?fit=900%2C800&ssl=1","keywords":["SharePoint"],"articleSection":["Microsoft 365","SharePoint"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/samtech365.com\/setting-sharepoint-framework-development-environment\/","url":"https:\/\/samtech365.com\/setting-sharepoint-framework-development-environment\/","name":"Setting up SharePoint Framework Development Environment - SamTech 365 - Samir Daoudi Technical Blog","isPartOf":{"@id":"https:\/\/samtech365.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/samtech365.com\/setting-sharepoint-framework-development-environment\/#primaryimage"},"image":{"@id":"https:\/\/samtech365.com\/setting-sharepoint-framework-development-environment\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/samtech365.com\/wp-content\/uploads\/2017\/11\/SharePoint-Framework.png?fit=900%2C800&ssl=1","datePublished":"2017-11-24T16:28:18+00:00","dateModified":"2025-05-22T00:30:48+00:00","breadcrumb":{"@id":"https:\/\/samtech365.com\/setting-sharepoint-framework-development-environment\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/samtech365.com\/setting-sharepoint-framework-development-environment\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/samtech365.com\/setting-sharepoint-framework-development-environment\/#primaryimage","url":"https:\/\/i0.wp.com\/samtech365.com\/wp-content\/uploads\/2017\/11\/SharePoint-Framework.png?fit=900%2C800&ssl=1","contentUrl":"https:\/\/i0.wp.com\/samtech365.com\/wp-content\/uploads\/2017\/11\/SharePoint-Framework.png?fit=900%2C800&ssl=1","width":900,"height":800},{"@type":"BreadcrumbList","@id":"https:\/\/samtech365.com\/setting-sharepoint-framework-development-environment\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/samtech365.com\/"},{"@type":"ListItem","position":2,"name":"Setting up SharePoint Framework Development Environment"}]},{"@type":"WebSite","@id":"https:\/\/samtech365.com\/#website","url":"https:\/\/samtech365.com\/","name":"SamTech 365 - Samir Daoudi Technical Blog","description":"PowerPlatform, Power Apps, Power Automate, PVA, SharePoint, C#, .Net, SQL, Azure News, Tips ....etc","publisher":{"@id":"https:\/\/samtech365.com\/#\/schema\/person\/92fc47c88485daac9dc759ad3f9e18e6"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/samtech365.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/samtech365.com\/#\/schema\/person\/92fc47c88485daac9dc759ad3f9e18e6","name":"Samir Daoudi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/i0.wp.com\/samtech365.com\/wp-content\/uploads\/2025\/05\/samtech365_v3-e1755126237898.png?fit=192%2C96&ssl=1","url":"https:\/\/i0.wp.com\/samtech365.com\/wp-content\/uploads\/2025\/05\/samtech365_v3-e1755126237898.png?fit=192%2C96&ssl=1","contentUrl":"https:\/\/i0.wp.com\/samtech365.com\/wp-content\/uploads\/2025\/05\/samtech365_v3-e1755126237898.png?fit=192%2C96&ssl=1","width":192,"height":96,"caption":"Samir Daoudi"},"logo":{"@id":"https:\/\/i0.wp.com\/samtech365.com\/wp-content\/uploads\/2025\/05\/samtech365_v3-e1755126237898.png?fit=192%2C96&ssl=1"},"url":"https:\/\/samtech365.com\/author\/daoudi-samirgmail-com\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/samtech365.com\/wp-content\/uploads\/2017\/11\/SharePoint-Framework.png?fit=900%2C800&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/samtech365.com\/wp-json\/wp\/v2\/posts\/1975","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/samtech365.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/samtech365.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/samtech365.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/samtech365.com\/wp-json\/wp\/v2\/comments?post=1975"}],"version-history":[{"count":0,"href":"https:\/\/samtech365.com\/wp-json\/wp\/v2\/posts\/1975\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/samtech365.com\/wp-json\/wp\/v2\/media\/1978"}],"wp:attachment":[{"href":"https:\/\/samtech365.com\/wp-json\/wp\/v2\/media?parent=1975"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/samtech365.com\/wp-json\/wp\/v2\/categories?post=1975"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/samtech365.com\/wp-json\/wp\/v2\/tags?post=1975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}