{"id":32551,"date":"2024-11-01T09:09:55","date_gmt":"2024-11-01T09:09:55","guid":{"rendered":"http:\/\/atmokpo.com\/w\/?p=32551"},"modified":"2024-11-01T11:54:51","modified_gmt":"2024-11-01T11:54:51","slug":"flutter-course-2-2-setting-up-the-development-environment","status":"publish","type":"post","link":"https:\/\/atmokpo.com\/w\/32551\/","title":{"rendered":"Flutter Course: 2.2 Setting Up the Development Environment"},"content":{"rendered":"<p><body><\/p>\n<p>Flutter is an open-source UI software development kit (SDK) for developing mobile applications. In this course, we will cover how to set up the development environment for Flutter 2.2. With Flutter, you can easily develop native applications that support both Android and iOS simultaneously.<\/p>\n<h2>1. What is Flutter?<\/h2>\n<p>Flutter is a UI toolkit developed by Google that allows you to create applications that run on various platforms with a single codebase. Flutter focuses on providing fast performance, beautiful UI, and a personalized user experience.<\/p>\n<h2>2. Preparing the Development Environment<\/h2>\n<p>To start Flutter development, you need to install several software and tools. Let&#8217;s build the development environment following the steps below.<\/p>\n<h3>2.1. System Requirements<\/h3>\n<ul>\n<li>Windows: Windows 7 SP1 or a higher version<\/li>\n<li>macOS: macOS (64-bit)<\/li>\n<li>Linux: Ubuntu 18.04 or higher<\/li>\n<\/ul>\n<h3>2.2. Downloading Flutter SDK<\/h3>\n<p>Flutter SDK can be downloaded from the official website. Here\u2019s how to download it.<\/p>\n<ol>\n<li>Visit the Flutter official website (<a href=\"https:\/\/flutter.dev\" target=\"_blank\" rel=\"noopener\">flutter.dev<\/a>).<\/li>\n<li>Select &#8220;Get started&#8221; from the top menu.<\/li>\n<li>Download the SDK appropriate for your operating system.<\/li>\n<\/ol>\n<h3>2.3. Setting SDK Environment Variables<\/h3>\n<p>This step involves extracting the downloaded SDK and adding the SDK path to the environment variables (e.g., <code>C:\\flutter<\/code>). The method for adding environment variables varies by operating system, so follow the guide below.<\/p>\n<h4>Windows<\/h4>\n<ol>\n<li>Go to Control Panel > System and Security > System > Advanced system settings.<\/li>\n<li>Click on Environment Variables, select the &#8220;Path&#8221; variable, and click &#8220;Edit.&#8221;<\/li>\n<li>Add the Flutter SDK&#8217;s <code>bin<\/code> directory (<code>C:\\flutter\\bin<\/code>) as a new entry.<\/li>\n<\/ol>\n<h4>macOS \/ Linux<\/h4>\n<p>Add the environment variable to <code>~\/.bash_profile<\/code> or <code>~\/.bashrc<\/code> file using the following command.<\/p>\n<p><code>export PATH=\"$PATH:`<path-to-flutter-sdk>\/flutter\/bin`\"<\/code><\/p>\n<p>Then apply the file with the command below.<\/p>\n<p><code>source ~\/.bash_profile<\/code> or <code>source ~\/.bashrc<\/code><\/p>\n<h3>2.4. Verifying Flutter Installation<\/h3>\n<p>Once the environment variables are set, open a terminal (CMD or PowerShell on Windows) and enter the following command to check if the installation was successful.<\/p>\n<p><code>flutter doctor<\/code><\/p>\n<p>This command checks the status of your Flutter installation and requirements, and advises on other software needed for the development environment.<\/p>\n<h3>2.5. Installing Additional Software<\/h3>\n<p>Additional software is required for Flutter to support multiple platforms. You will complete the environment for mobile application development by installing Android Studio and Xcode.<\/p>\n<h4>Installing Android Studio<\/h4>\n<ol>\n<li>Download the software from the <a href=\"https:\/\/developer.android.com\/studio\" target=\"_blank\" rel=\"noopener\">official Android Studio website<\/a>.<\/li>\n<li>After installation, add the &#8220;Flutter&#8221; and &#8220;Dart&#8221; plugins.<\/li>\n<li>Also, set up the Android emulator and Android SDK.<\/li>\n<\/ol>\n<h4>Installing Xcode (macOS only)<\/h4>\n<ol>\n<li>Download and install Xcode from the Mac App Store.<\/li>\n<li>Install the Command Line Tools using the command (<code>xcode-select --install<\/code>).<\/li>\n<\/ol>\n<h2>3. Creating Your First Flutter Project<\/h2>\n<p>Now that all environments are set up, it\u2019s time to create your first Flutter project. Use the following command in the terminal to create a new project.<\/p>\n<p><code>flutter create my_first_app<\/code><\/p>\n<p>Executing this command will create a new folder called <code>my_first_app<\/code>, which contains the basic Flutter project template. Next, navigate to the project directory.<\/p>\n<p><code>cd my_first_app<\/code><\/p>\n<h3>3.1. Running the Project<\/h3>\n<p>To run the basic Flutter project, connect an emulator or a real device and enter the following command.<\/p>\n<p><code>flutter run<\/code><\/p>\n<p>Executing this command will compile the app using Flutter and run it on the emulator or connected device.<\/p>\n<h2>4. Conclusion<\/h2>\n<p>In this course, we learned how to set up the Flutter 2.2 development environment. Flutter is a great tool for cross-platform application development, and if you have set up the development environment through this course, you are now ready to develop various applications.<\/p>\n<p>Continue to learn about Flutter&#8217;s various features and start creating your projects. Future courses will cover the basics of Flutter and how to use various widgets to build UIs.<\/p>\n<p><\/body><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Flutter is an open-source UI software development kit (SDK) for developing mobile applications. In this course, we will cover how to set up the development environment for Flutter 2.2. With Flutter, you can easily develop native applications that support both Android and iOS simultaneously. 1. What is Flutter? Flutter is a UI toolkit developed by &hellip; <a href=\"https:\/\/atmokpo.com\/w\/32551\/\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;Flutter Course: 2.2 Setting Up the Development Environment&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[151],"tags":[],"class_list":["post-32551","post","type-post","status-publish","format-standard","hentry","category-flutter-course"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Flutter Course: 2.2 Setting Up the Development Environment - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8<\/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:\/\/atmokpo.com\/w\/32551\/\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Flutter Course: 2.2 Setting Up the Development Environment - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\" \/>\n<meta property=\"og:description\" content=\"Flutter is an open-source UI software development kit (SDK) for developing mobile applications. In this course, we will cover how to set up the development environment for Flutter 2.2. With Flutter, you can easily develop native applications that support both Android and iOS simultaneously. 1. What is Flutter? Flutter is a UI toolkit developed by &hellip; \ub354 \ubcf4\uae30 &quot;Flutter Course: 2.2 Setting Up the Development Environment&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/atmokpo.com\/w\/32551\/\" \/>\n<meta property=\"og:site_name\" content=\"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-01T09:09:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-01T11:54:51+00:00\" \/>\n<meta name=\"author\" content=\"root\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@bebubo4\" \/>\n<meta name=\"twitter:site\" content=\"@bebubo4\" \/>\n<meta name=\"twitter:label1\" content=\"\uae00\uc4f4\uc774\" \/>\n\t<meta name=\"twitter:data1\" content=\"root\" \/>\n\t<meta name=\"twitter:label2\" content=\"\uc608\uc0c1 \ub418\ub294 \ud310\ub3c5 \uc2dc\uac04\" \/>\n\t<meta name=\"twitter:data2\" content=\"3\ubd84\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/atmokpo.com\/w\/32551\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/atmokpo.com\/w\/32551\/\"},\"author\":{\"name\":\"root\",\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/person\/91b6b3b138fbba0efb4ae64b1abd81d7\"},\"headline\":\"Flutter Course: 2.2 Setting Up the Development Environment\",\"datePublished\":\"2024-11-01T09:09:55+00:00\",\"dateModified\":\"2024-11-01T11:54:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/atmokpo.com\/w\/32551\/\"},\"wordCount\":558,\"publisher\":{\"@id\":\"https:\/\/atmokpo.com\/w\/#organization\"},\"articleSection\":[\"Flutter course\"],\"inLanguage\":\"ko-KR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/atmokpo.com\/w\/32551\/\",\"url\":\"https:\/\/atmokpo.com\/w\/32551\/\",\"name\":\"Flutter Course: 2.2 Setting Up the Development Environment - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\",\"isPartOf\":{\"@id\":\"https:\/\/atmokpo.com\/w\/#website\"},\"datePublished\":\"2024-11-01T09:09:55+00:00\",\"dateModified\":\"2024-11-01T11:54:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/atmokpo.com\/w\/32551\/#breadcrumb\"},\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/atmokpo.com\/w\/32551\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/atmokpo.com\/w\/32551\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\ud648\",\"item\":\"https:\/\/atmokpo.com\/w\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Flutter Course: 2.2 Setting Up the Development Environment\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/atmokpo.com\/w\/#website\",\"url\":\"https:\/\/atmokpo.com\/w\/\",\"name\":\"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/atmokpo.com\/w\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/atmokpo.com\/w\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ko-KR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/atmokpo.com\/w\/#organization\",\"name\":\"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\",\"url\":\"https:\/\/atmokpo.com\/w\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/atmokpo.com\/w\/wp-content\/uploads\/2024\/11\/logo.png\",\"contentUrl\":\"https:\/\/atmokpo.com\/w\/wp-content\/uploads\/2024\/11\/logo.png\",\"width\":400,\"height\":400,\"caption\":\"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\"},\"image\":{\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/bebubo4\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/person\/91b6b3b138fbba0efb4ae64b1abd81d7\",\"name\":\"root\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/708197b41fc6435a7ce22d951b25d4a47e9e904270cb1f04682d4f025066f80c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/708197b41fc6435a7ce22d951b25d4a47e9e904270cb1f04682d4f025066f80c?s=96&d=mm&r=g\",\"caption\":\"root\"},\"sameAs\":[\"http:\/\/atmokpo.com\/w\"],\"url\":\"https:\/\/atmokpo.com\/w\/author\/root\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Flutter Course: 2.2 Setting Up the Development Environment - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","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:\/\/atmokpo.com\/w\/32551\/","og_locale":"ko_KR","og_type":"article","og_title":"Flutter Course: 2.2 Setting Up the Development Environment - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","og_description":"Flutter is an open-source UI software development kit (SDK) for developing mobile applications. In this course, we will cover how to set up the development environment for Flutter 2.2. With Flutter, you can easily develop native applications that support both Android and iOS simultaneously. 1. What is Flutter? Flutter is a UI toolkit developed by &hellip; \ub354 \ubcf4\uae30 \"Flutter Course: 2.2 Setting Up the Development Environment\"","og_url":"https:\/\/atmokpo.com\/w\/32551\/","og_site_name":"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","article_published_time":"2024-11-01T09:09:55+00:00","article_modified_time":"2024-11-01T11:54:51+00:00","author":"root","twitter_card":"summary_large_image","twitter_creator":"@bebubo4","twitter_site":"@bebubo4","twitter_misc":{"\uae00\uc4f4\uc774":"root","\uc608\uc0c1 \ub418\ub294 \ud310\ub3c5 \uc2dc\uac04":"3\ubd84"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/atmokpo.com\/w\/32551\/#article","isPartOf":{"@id":"https:\/\/atmokpo.com\/w\/32551\/"},"author":{"name":"root","@id":"https:\/\/atmokpo.com\/w\/#\/schema\/person\/91b6b3b138fbba0efb4ae64b1abd81d7"},"headline":"Flutter Course: 2.2 Setting Up the Development Environment","datePublished":"2024-11-01T09:09:55+00:00","dateModified":"2024-11-01T11:54:51+00:00","mainEntityOfPage":{"@id":"https:\/\/atmokpo.com\/w\/32551\/"},"wordCount":558,"publisher":{"@id":"https:\/\/atmokpo.com\/w\/#organization"},"articleSection":["Flutter course"],"inLanguage":"ko-KR"},{"@type":"WebPage","@id":"https:\/\/atmokpo.com\/w\/32551\/","url":"https:\/\/atmokpo.com\/w\/32551\/","name":"Flutter Course: 2.2 Setting Up the Development Environment - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","isPartOf":{"@id":"https:\/\/atmokpo.com\/w\/#website"},"datePublished":"2024-11-01T09:09:55+00:00","dateModified":"2024-11-01T11:54:51+00:00","breadcrumb":{"@id":"https:\/\/atmokpo.com\/w\/32551\/#breadcrumb"},"inLanguage":"ko-KR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/atmokpo.com\/w\/32551\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/atmokpo.com\/w\/32551\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\ud648","item":"https:\/\/atmokpo.com\/w\/en\/"},{"@type":"ListItem","position":2,"name":"Flutter Course: 2.2 Setting Up the Development Environment"}]},{"@type":"WebSite","@id":"https:\/\/atmokpo.com\/w\/#website","url":"https:\/\/atmokpo.com\/w\/","name":"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","description":"","publisher":{"@id":"https:\/\/atmokpo.com\/w\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/atmokpo.com\/w\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ko-KR"},{"@type":"Organization","@id":"https:\/\/atmokpo.com\/w\/#organization","name":"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","url":"https:\/\/atmokpo.com\/w\/","logo":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/atmokpo.com\/w\/#\/schema\/logo\/image\/","url":"https:\/\/atmokpo.com\/w\/wp-content\/uploads\/2024\/11\/logo.png","contentUrl":"https:\/\/atmokpo.com\/w\/wp-content\/uploads\/2024\/11\/logo.png","width":400,"height":400,"caption":"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8"},"image":{"@id":"https:\/\/atmokpo.com\/w\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/bebubo4"]},{"@type":"Person","@id":"https:\/\/atmokpo.com\/w\/#\/schema\/person\/91b6b3b138fbba0efb4ae64b1abd81d7","name":"root","image":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/atmokpo.com\/w\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/708197b41fc6435a7ce22d951b25d4a47e9e904270cb1f04682d4f025066f80c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/708197b41fc6435a7ce22d951b25d4a47e9e904270cb1f04682d4f025066f80c?s=96&d=mm&r=g","caption":"root"},"sameAs":["http:\/\/atmokpo.com\/w"],"url":"https:\/\/atmokpo.com\/w\/author\/root\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/posts\/32551","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/comments?post=32551"}],"version-history":[{"count":1,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/posts\/32551\/revisions"}],"predecessor-version":[{"id":32552,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/posts\/32551\/revisions\/32552"}],"wp:attachment":[{"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/media?parent=32551"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/categories?post=32551"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/tags?post=32551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}