{"id":776,"date":"2023-08-15T12:17:55","date_gmt":"2023-08-15T12:17:55","guid":{"rendered":"https:\/\/www.devopssupport.in\/blog\/?p=776"},"modified":"2023-09-01T04:32:27","modified_gmt":"2023-09-01T04:32:27","slug":"how-to-set-up-your-flutter-environment","status":"publish","type":"post","link":"https:\/\/www.devopssupport.in\/blog\/how-to-set-up-your-flutter-environment\/","title":{"rendered":"How to set up your Flutter environment"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.devopssupport.in\/blog\/wp-content\/uploads\/2023\/07\/image-20-1024x576.png\" alt=\"\" class=\"wp-image-778\" width=\"726\" height=\"408\" srcset=\"https:\/\/www.devopssupport.in\/blog\/wp-content\/uploads\/2023\/07\/image-20-1024x576.png 1024w, https:\/\/www.devopssupport.in\/blog\/wp-content\/uploads\/2023\/07\/image-20-300x169.png 300w, https:\/\/www.devopssupport.in\/blog\/wp-content\/uploads\/2023\/07\/image-20-768x432.png 768w, https:\/\/www.devopssupport.in\/blog\/wp-content\/uploads\/2023\/07\/image-20-850x478.png 850w, https:\/\/www.devopssupport.in\/blog\/wp-content\/uploads\/2023\/07\/image-20.png 1280w\" sizes=\"auto, (max-width: 726px) 100vw, 726px\" \/><\/figure>\n\n\n\n<p>Use\u00a0<strong>Visual Studio Code<\/strong>\u00a0(VS Code) as your development environment. It&#8217;s free and works on all major platforms.<\/p>\n\n\n\n<p><a href=\"https:\/\/developer.android.com\/studio\">https:\/\/developer.android.com\/studio<\/a><\/p>\n\n\n\n<p>Here we using VS Code  because the instructions default to VS Code-specific shortcuts. It&#8217;s easier to say things like &#8220;click here&#8221; or &#8220;press this key&#8221; instead of something like &#8220;do the appropriate action in your editor to do X&#8221;.<\/p>\n\n\n\n<p>Choose a development target<\/p>\n\n\n\n<p>Flutter is a multi-platform toolkit. Your app can run on any of the following operating systems:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>iOS<\/li>\n\n\n\n<li>Android<\/li>\n\n\n\n<li>Windows<\/li>\n\n\n\n<li>macOS<\/li>\n\n\n\n<li>Linux<\/li>\n\n\n\n<li>web<\/li>\n<\/ul>\n\n\n\n<p>However, it&#8217;s common practice to choose a single operating system for which you will\u00a0<em>primarily<\/em>\u00a0develop. This is your &#8220;development target&#8221;\u2014the operating system that your app runs on during development.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.devopssupport.in\/blog\/wp-content\/uploads\/2023\/07\/image-19-1024x607.png\" alt=\"\" class=\"wp-image-777\" width=\"464\" height=\"275\" srcset=\"https:\/\/www.devopssupport.in\/blog\/wp-content\/uploads\/2023\/07\/image-19-1024x607.png 1024w, https:\/\/www.devopssupport.in\/blog\/wp-content\/uploads\/2023\/07\/image-19-300x178.png 300w, https:\/\/www.devopssupport.in\/blog\/wp-content\/uploads\/2023\/07\/image-19-768x455.png 768w, https:\/\/www.devopssupport.in\/blog\/wp-content\/uploads\/2023\/07\/image-19-850x504.png 850w, https:\/\/www.devopssupport.in\/blog\/wp-content\/uploads\/2023\/07\/image-19.png 1440w\" sizes=\"auto, (max-width: 464px) 100vw, 464px\" \/><\/figure>\n\n\n\n<p>By using a Windows laptop to develop a Flutter app. If you choose Android as your development target, you typically attach an Android device to your Windows laptop with a USB cable, and your app-in-development runs on that attached Android device. But you could also choose Windows as the development target, which means your app-in-development runs as a Windows app alongside your editor.<\/p>\n\n\n\n<p>It might be tempting to select the web as your development target. The downside of this choice is that you lose one of Flutter&#8217;s most useful development features: Stateful Hot Reload. Flutter can&#8217;t hot-reload web applications.<\/p>\n\n\n\n<p>Make your choice now. Remember: You can always run your app on other operating systems later. It&#8217;s just that having a clear development target in mind makes the next step smoother.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"install-flutter\">Install Flutter<\/h4>\n\n\n\n<p>To get started with Flutter development, the official documentation at <a href=\"https:\/\/docs.flutter.dev.\/get-started\/install\">https:\/\/docs.flutter.dev.\/get-started\/install<\/a> provides the most up-to-date and comprehensive instructions for installing the Flutter SDK. These instructions go beyond merely installing the SDK and include details on setting up development target-related tools and editor plugins. By following these step-by-step guidelines, developers can ensure a smooth and hassle-free setup, enabling them to seamlessly create applications for mobile, web, and desktop platforms from a single codebase. The Flutter website&#8217;s instructions serve as an invaluable resource for beginners and experienced developers alike, ensuring they have all the necessary tools and configurations to embark on their Flutter journey successfully.<\/p>\n\n\n\n<ol class=\"wp-block-list\" type=\"1\">\n<li>Flutter SDK<\/li>\n\n\n\n<li>Visual Studio Code with the Flutter plugin<\/li>\n\n\n\n<li>The software required by your chosen development target (for example:&nbsp;<em>Visual Studio<\/em>&nbsp;to target Windows, or&nbsp;<em>Xcode<\/em>&nbsp;to target macOS)<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Use\u00a0Visual Studio Code\u00a0(VS Code) as your development environment. It&#8217;s free and works on all major platforms. https:\/\/developer.android.com\/studio Here we using VS Code because the instructions default to&#8230; <\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-776","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/posts\/776","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/comments?post=776"}],"version-history":[{"count":1,"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/posts\/776\/revisions"}],"predecessor-version":[{"id":779,"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/posts\/776\/revisions\/779"}],"wp:attachment":[{"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/media?parent=776"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/categories?post=776"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/tags?post=776"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}