{"id":175,"date":"2019-12-12T12:15:09","date_gmt":"2019-12-12T11:15:09","guid":{"rendered":"https:\/\/transferttexei.wordpress.com\/2021\/08\/11\/day-12-local-development-server-for-lightning-web-components\/"},"modified":"2023-08-17T14:48:05","modified_gmt":"2023-08-17T12:48:05","slug":"day-12-local-development-server-for-lightning-web-components","status":"publish","type":"post","link":"https:\/\/texei.com\/en\/advices\/day-12-local-development-server-for-lightning-web-components\/","title":{"rendered":"Day 12: Local development server for Lightning Web Components"},"content":{"rendered":"<p><em>Let&#8217;s talk about Local development server. Each day we will reveal our \u201ctip of the day\u201d regarding the #Winter20 release.<\/em><\/p>\n<h3>What\u2019s new?<\/h3>\n<p>When you develop Lightning Web Components you can now see live changes as soon as you save your code in your local environment!<\/p>\n<p>To use the local LWC development server, you have to follow three simple steps:<\/p>\n<ol>\n<li>Open the terminal and install the local development server<br \/>\n<code>sfdx plugins:install @salesforce\/lwc-dev-server<\/code><\/li>\n<li>Start the server by running this command<br \/>\n<code>sfdx force:lightning:lwc:start<\/code><\/li>\n<li>Finally, go check it out at <a href=\"http:\/\/localhost:3333\" target=\"_blank\" rel=\"noopener\">http:\/\/localhost:3333<\/a>, you will find a list with the components in your sfdx project:<\/li>\n<\/ol>\n<figure><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/texei.com\/dev\/wp-content\/uploads\/2021\/08\/bc6d2-1nssdgia1jpb3uatwcn5l5q.png\" alt=\"\" width=\"1200\" height=\"448\" data-width=\"2672\" data-height=\"998\" \/><\/figure>\n<h3>We love\u00a0it!<\/h3>\n<p>As a developer, I used to spend a lot of time pushing my components to an org, testing them, finding bugs, correcting the code, pushing it one more time, testing again, and so on.<\/p>\n<p>This tool saves me a lot of time!<\/p>\n<p>Now, there is no need to deploy to an org to preview your component. The server will also show any errors you may have made during development. And the best part is that you can use data from your org to test the component in local!<\/p>\n<p>You can learn more about this feature in the Release Notes <a href=\"https:\/\/releasenotes.docs.salesforce.com\/en-us\/winter20\/release-notes\/rn_lwc_local_dev.htm\" target=\"_blank\" rel=\"noopener\">here<\/a>.<\/p>\n<p>Want to learn more? Check out our next article <a href=\"https:\/\/texei.com\/conseils\/day-13-permission-sets-groups-texeiadventcalendar\/\" target=\"_blank\" rel=\"noopener\">Permission sets groups<\/a> and follow us on <a href=\"https:\/\/www.linkedin.com\/company\/texei\/\" target=\"_blank\" rel=\"noopener\">Linkedin<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Let&#8217;s talk about Local development server. Each day we will reveal our \u201ctip of the day\u201d regarding the #Winter20 release. What\u2019s new? When you develop Lightning Web Components you can now see live changes as soon as you save your code in your local environment! To use the local LWC development server, you have to [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":5276,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[300],"tags":[],"class_list":["post-175","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-advices"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Day 12: Local development server for Lightning Web Components - Texe\u00ef<\/title>\n<meta name=\"description\" content=\"Experience efficient development using the Local Development Server for Lightning Web Components. Learn more about it!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/texei.com\/en\/advices\/day-12-local-development-server-for-lightning-web-components\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Day 12: Local development server for Lightning Web Components\" \/>\n<meta property=\"og:description\" content=\"Experience efficient development using the Local Development Server for Lightning Web Components. Learn more about it!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/texei.com\/en\/advices\/day-12-local-development-server-for-lightning-web-components\/\" \/>\n<meta property=\"og:site_name\" content=\"Texe\u00ef\" \/>\n<meta property=\"article:published_time\" content=\"2019-12-12T11:15:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-17T12:48:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/texei.com\/dev\/wp-content\/uploads\/2019\/12\/Sans-titre-3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jorge Centeno\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/texei.com\\\/en\\\/advices\\\/day-12-local-development-server-for-lightning-web-components\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/texei.com\\\/en\\\/advices\\\/day-12-local-development-server-for-lightning-web-components\\\/\"},\"author\":{\"name\":\"Jorge Centeno\",\"@id\":\"https:\\\/\\\/texei.com\\\/#\\\/schema\\\/person\\\/c4d2211ab6a97f0ca56e0af19cfd7842\"},\"headline\":\"Day 12: Local development server for Lightning Web Components\",\"datePublished\":\"2019-12-12T11:15:09+00:00\",\"dateModified\":\"2023-08-17T12:48:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/texei.com\\\/en\\\/advices\\\/day-12-local-development-server-for-lightning-web-components\\\/\"},\"wordCount\":225,\"publisher\":{\"@id\":\"https:\\\/\\\/texei.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/texei.com\\\/en\\\/advices\\\/day-12-local-development-server-for-lightning-web-components\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/texei.com\\\/dev\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/Sans-titre-3.png\",\"articleSection\":[\"Advices\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/texei.com\\\/en\\\/advices\\\/day-12-local-development-server-for-lightning-web-components\\\/\",\"url\":\"https:\\\/\\\/texei.com\\\/en\\\/advices\\\/day-12-local-development-server-for-lightning-web-components\\\/\",\"name\":\"Day 12: Local development server for Lightning Web Components - Texe\u00ef\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/texei.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/texei.com\\\/en\\\/advices\\\/day-12-local-development-server-for-lightning-web-components\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/texei.com\\\/en\\\/advices\\\/day-12-local-development-server-for-lightning-web-components\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/texei.com\\\/dev\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/Sans-titre-3.png\",\"datePublished\":\"2019-12-12T11:15:09+00:00\",\"dateModified\":\"2023-08-17T12:48:05+00:00\",\"description\":\"Experience efficient development using the Local Development Server for Lightning Web Components. Learn more about it!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/texei.com\\\/en\\\/advices\\\/day-12-local-development-server-for-lightning-web-components\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/texei.com\\\/en\\\/advices\\\/day-12-local-development-server-for-lightning-web-components\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/texei.com\\\/en\\\/advices\\\/day-12-local-development-server-for-lightning-web-components\\\/#primaryimage\",\"url\":\"https:\\\/\\\/texei.com\\\/dev\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/Sans-titre-3.png\",\"contentUrl\":\"https:\\\/\\\/texei.com\\\/dev\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/Sans-titre-3.png\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/texei.com\\\/en\\\/advices\\\/day-12-local-development-server-for-lightning-web-components\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/texei.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Advices\",\"item\":\"https:\\\/\\\/texei.com\\\/en\\\/category\\\/advices\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Day 12: Local development server for Lightning Web Components\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/texei.com\\\/#website\",\"url\":\"https:\\\/\\\/texei.com\\\/\",\"name\":\"Texe\u00ef\",\"description\":\"Turn your IT into Business\",\"publisher\":{\"@id\":\"https:\\\/\\\/texei.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/texei.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/texei.com\\\/#organization\",\"name\":\"Texe\u00ef\",\"url\":\"https:\\\/\\\/texei.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/texei.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/texei.com\\\/dev\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/logo-essai-1.jpg\",\"contentUrl\":\"https:\\\/\\\/texei.com\\\/dev\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/logo-essai-1.jpg\",\"width\":2560,\"height\":1102,\"caption\":\"Texe\u00ef\"},\"image\":{\"@id\":\"https:\\\/\\\/texei.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/texei.com\\\/#\\\/schema\\\/person\\\/c4d2211ab6a97f0ca56e0af19cfd7842\",\"name\":\"Jorge Centeno\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/texei.com\\\/dev\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/avatar_user_13_1642690496-96x96.jpeg\",\"url\":\"https:\\\/\\\/texei.com\\\/dev\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/avatar_user_13_1642690496-96x96.jpeg\",\"contentUrl\":\"https:\\\/\\\/texei.com\\\/dev\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/avatar_user_13_1642690496-96x96.jpeg\",\"caption\":\"Jorge Centeno\"},\"url\":\"https:\\\/\\\/texei.com\\\/en\\\/author\\\/jorgecenteno\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Day 12: Local development server for Lightning Web Components - Texe\u00ef","description":"Experience efficient development using the Local Development Server for Lightning Web Components. Learn more about it!","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:\/\/texei.com\/en\/advices\/day-12-local-development-server-for-lightning-web-components\/","og_locale":"en_US","og_type":"article","og_title":"Day 12: Local development server for Lightning Web Components","og_description":"Experience efficient development using the Local Development Server for Lightning Web Components. Learn more about it!","og_url":"https:\/\/texei.com\/en\/advices\/day-12-local-development-server-for-lightning-web-components\/","og_site_name":"Texe\u00ef","article_published_time":"2019-12-12T11:15:09+00:00","article_modified_time":"2023-08-17T12:48:05+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/texei.com\/dev\/wp-content\/uploads\/2019\/12\/Sans-titre-3.png","type":"image\/png"}],"author":"Jorge Centeno","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/texei.com\/en\/advices\/day-12-local-development-server-for-lightning-web-components\/#article","isPartOf":{"@id":"https:\/\/texei.com\/en\/advices\/day-12-local-development-server-for-lightning-web-components\/"},"author":{"name":"Jorge Centeno","@id":"https:\/\/texei.com\/#\/schema\/person\/c4d2211ab6a97f0ca56e0af19cfd7842"},"headline":"Day 12: Local development server for Lightning Web Components","datePublished":"2019-12-12T11:15:09+00:00","dateModified":"2023-08-17T12:48:05+00:00","mainEntityOfPage":{"@id":"https:\/\/texei.com\/en\/advices\/day-12-local-development-server-for-lightning-web-components\/"},"wordCount":225,"publisher":{"@id":"https:\/\/texei.com\/#organization"},"image":{"@id":"https:\/\/texei.com\/en\/advices\/day-12-local-development-server-for-lightning-web-components\/#primaryimage"},"thumbnailUrl":"https:\/\/texei.com\/dev\/wp-content\/uploads\/2019\/12\/Sans-titre-3.png","articleSection":["Advices"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/texei.com\/en\/advices\/day-12-local-development-server-for-lightning-web-components\/","url":"https:\/\/texei.com\/en\/advices\/day-12-local-development-server-for-lightning-web-components\/","name":"Day 12: Local development server for Lightning Web Components - Texe\u00ef","isPartOf":{"@id":"https:\/\/texei.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/texei.com\/en\/advices\/day-12-local-development-server-for-lightning-web-components\/#primaryimage"},"image":{"@id":"https:\/\/texei.com\/en\/advices\/day-12-local-development-server-for-lightning-web-components\/#primaryimage"},"thumbnailUrl":"https:\/\/texei.com\/dev\/wp-content\/uploads\/2019\/12\/Sans-titre-3.png","datePublished":"2019-12-12T11:15:09+00:00","dateModified":"2023-08-17T12:48:05+00:00","description":"Experience efficient development using the Local Development Server for Lightning Web Components. Learn more about it!","breadcrumb":{"@id":"https:\/\/texei.com\/en\/advices\/day-12-local-development-server-for-lightning-web-components\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/texei.com\/en\/advices\/day-12-local-development-server-for-lightning-web-components\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/texei.com\/en\/advices\/day-12-local-development-server-for-lightning-web-components\/#primaryimage","url":"https:\/\/texei.com\/dev\/wp-content\/uploads\/2019\/12\/Sans-titre-3.png","contentUrl":"https:\/\/texei.com\/dev\/wp-content\/uploads\/2019\/12\/Sans-titre-3.png","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/texei.com\/en\/advices\/day-12-local-development-server-for-lightning-web-components\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/texei.com\/"},{"@type":"ListItem","position":2,"name":"Advices","item":"https:\/\/texei.com\/en\/category\/advices\/"},{"@type":"ListItem","position":3,"name":"Day 12: Local development server for Lightning Web Components"}]},{"@type":"WebSite","@id":"https:\/\/texei.com\/#website","url":"https:\/\/texei.com\/","name":"Texe\u00ef","description":"Turn your IT into Business","publisher":{"@id":"https:\/\/texei.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/texei.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/texei.com\/#organization","name":"Texe\u00ef","url":"https:\/\/texei.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/texei.com\/#\/schema\/logo\/image\/","url":"https:\/\/texei.com\/dev\/wp-content\/uploads\/2021\/03\/logo-essai-1.jpg","contentUrl":"https:\/\/texei.com\/dev\/wp-content\/uploads\/2021\/03\/logo-essai-1.jpg","width":2560,"height":1102,"caption":"Texe\u00ef"},"image":{"@id":"https:\/\/texei.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/texei.com\/#\/schema\/person\/c4d2211ab6a97f0ca56e0af19cfd7842","name":"Jorge Centeno","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/texei.com\/dev\/wp-content\/uploads\/2022\/01\/avatar_user_13_1642690496-96x96.jpeg","url":"https:\/\/texei.com\/dev\/wp-content\/uploads\/2022\/01\/avatar_user_13_1642690496-96x96.jpeg","contentUrl":"https:\/\/texei.com\/dev\/wp-content\/uploads\/2022\/01\/avatar_user_13_1642690496-96x96.jpeg","caption":"Jorge Centeno"},"url":"https:\/\/texei.com\/en\/author\/jorgecenteno\/"}]}},"_links":{"self":[{"href":"https:\/\/texei.com\/en\/wp-json\/wp\/v2\/posts\/175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/texei.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/texei.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/texei.com\/en\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/texei.com\/en\/wp-json\/wp\/v2\/comments?post=175"}],"version-history":[{"count":0,"href":"https:\/\/texei.com\/en\/wp-json\/wp\/v2\/posts\/175\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/texei.com\/en\/wp-json\/wp\/v2\/media\/5276"}],"wp:attachment":[{"href":"https:\/\/texei.com\/en\/wp-json\/wp\/v2\/media?parent=175"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/texei.com\/en\/wp-json\/wp\/v2\/categories?post=175"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/texei.com\/en\/wp-json\/wp\/v2\/tags?post=175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}