{"id":42,"date":"2025-07-21T06:02:34","date_gmt":"2025-07-21T06:02:34","guid":{"rendered":"https:\/\/documentation.iqonic.design\/prokit-flutter\/?p=42"},"modified":"2025-07-28T07:29:31","modified_gmt":"2025-07-28T07:29:31","slug":"installation","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/prokit-flutter\/installation\/","title":{"rendered":"Installation"},"content":{"rendered":"<div class=\"nolwrap\">\n<p>\u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udccc<strong>&nbsp;What is this file for?<\/strong><\/h2>\n\n\n\n<p>This guide helps you&nbsp;<strong>install all required tools and dependencies<\/strong>&nbsp;to successfully run and develop a Flutter-based mobile application. If you\u2019re setting up the project for the first time or switching devices, follow this to avoid any configuration issues.<\/p>\n\n\n\n<p>\u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udd39&nbsp;<strong>Flutter &amp; Dart SDK<\/strong><\/h3>\n\n\n\n<p>Ensure that you have&nbsp;<strong>Flutter and Dart SDK<\/strong>&nbsp;installed on your system. These are essential for Flutter app development.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2705&nbsp;<strong>Install Flutter SDK<\/strong><a href=\"https:\/\/docs.flutter.dev\/install\/archive\" target=\"_blank\" rel=\"noopener\">&nbsp;Click to Install<\/a><\/li>\n\n\n\n<li>\u2705\u00a0<strong>Set up Environment for Flutter<\/strong>\u00a0<a href=\"https:\/\/documentation.iqonic.design\/prokit-flutter\/app-faqs\/how-to-setup-flutter-environment\">Click to<\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udd39&nbsp;<strong>Choose an IDE<\/strong><\/h3>\n\n\n\n<p>You can use any IDE such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Android Studio<\/strong><\/li>\n\n\n\n<li><strong>Visual Studio Code<\/strong><\/li>\n\n\n\n<li><strong>IntelliJ IDEA<\/strong><\/li>\n<\/ul>\n\n\n\n<p>for Flutter development.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udd39&nbsp;<strong>Set up Your Editor<\/strong><\/h3>\n\n\n\n<p>Configure your IDE by installing the&nbsp;<strong>Flutter<\/strong>&nbsp;and&nbsp;<strong>Dart<\/strong>&nbsp;plugins to enable Flutter development features.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2705&nbsp;<strong>Install Flutter and Dart Plugins<\/strong>&nbsp;<a href=\"#install-flutter-and-dart-plugins\">Click to<\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udd39&nbsp;<strong>Git<\/strong><\/h3>\n\n\n\n<p>Although not mandatory, having a version control system like&nbsp;<strong>Git<\/strong>&nbsp;is highly recommended for:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tracking changes in your project<\/li>\n\n\n\n<li>Collaborating with other developers<\/li>\n<\/ul>\n\n\n\n<p>Download Git:&nbsp;<a href=\"https:\/\/git-scm.com\/downloads\" target=\"_blank\" rel=\"noopener\">https:\/\/git-scm.com<\/a><\/p>\n\n\n\n<p id=\"block-88291e9d-e043-4c61-b217-ad23ef93cbf5\">\u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83e\udde9&nbsp;<strong>Basic Installation<\/strong><\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u26a0\ufe0f&nbsp;<strong>Important:<\/strong>&nbsp;Choose your platform and follow the corresponding steps to build and run the application.<\/p>\n<\/blockquote>\n\n\n\n<p>Platforms supported:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2705&nbsp;<a href=\"https:\/\/docs.flutter.dev\/get-started\/install\/windows\" target=\"_blank\" rel=\"noreferrer noopener\">Windows<\/a><\/li>\n\n\n\n<li>\u2705&nbsp;<a href=\"https:\/\/docs.flutter.dev\/get-started\/install\/macos\" target=\"_blank\" rel=\"noreferrer noopener\">macOS<\/a><\/li>\n\n\n\n<li>\u2705&nbsp;<a href=\"https:\/\/docs.flutter.dev\/get-started\/install\/linux\" target=\"_blank\" rel=\"noreferrer noopener\">Linux<\/a><\/li>\n\n\n\n<li>\u2705&nbsp;<a href=\"https:\/\/docs.flutter.dev\/get-started\/install\/chromeos\" target=\"_blank\" rel=\"noreferrer noopener\">Chrome OS<\/a><\/li>\n<\/ul>\n\n\n\n<p id=\"block-88291e9d-e043-4c61-b217-ad23ef93cbf5\">\u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"install-flutter-and-dart-plugins\">\ud83d\udd38&nbsp;<strong>Install Flutter and Dart Plugins<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udcd8 Android Studio<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open Android Studio<\/li>\n\n\n\n<li>Go to&nbsp;<strong>Preferences<\/strong>&nbsp;(macOS) or&nbsp;<strong>Settings<\/strong>&nbsp;(Windows\/Linux)<\/li>\n\n\n\n<li>Select&nbsp;<strong>Plugins<\/strong>&nbsp;from the left sidebar<\/li>\n\n\n\n<li>Click on the&nbsp;<strong>Marketplace<\/strong>&nbsp;tab<\/li>\n\n\n\n<li>Search for&nbsp;<strong>\u201cFlutter\u201d<\/strong>&nbsp;in the search bar<\/li>\n\n\n\n<li>Install the&nbsp;<strong>Flutter<\/strong>&nbsp;plugin by clicking the green&nbsp;<strong>Install<\/strong>&nbsp;button<\/li>\n\n\n\n<li>Install the&nbsp;<strong>Dart<\/strong>&nbsp;plugin<\/li>\n\n\n\n<li>Restart Android Studio when prompted<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udcd8 Visual Studio Code<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open Visual Studio Code<\/li>\n\n\n\n<li>Go to the&nbsp;<strong>Extensions<\/strong>&nbsp;view (click the square icon in the Sidebar)<\/li>\n\n\n\n<li>Search for&nbsp;<strong>\u201cFlutter\u201d<\/strong>&nbsp;in the Extensions Marketplace<\/li>\n\n\n\n<li>Click&nbsp;<strong>Install<\/strong>&nbsp;on the Flutter extension (by the Flutter team)<\/li>\n\n\n\n<li>Similarly, install the&nbsp;<strong>Dart<\/strong>&nbsp;extension<\/li>\n\n\n\n<li>Restart VS Code if needed<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udcd8 IntelliJ IDEA<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open IntelliJ IDEA<\/li>\n\n\n\n<li>Go to&nbsp;<strong>File \u2192 Settings<\/strong>&nbsp;(Windows\/Linux) or&nbsp;<strong>IntelliJ IDEA \u2192 Preferences<\/strong>&nbsp;(macOS)<\/li>\n\n\n\n<li>In the Settings\/Preferences dialog, go to&nbsp;<strong>Plugins<\/strong><\/li>\n\n\n\n<li>Click on the&nbsp;<strong>Marketplace<\/strong>&nbsp;tab<\/li>\n\n\n\n<li>Search for&nbsp;<strong>\u201cFlutter\u201d<\/strong><\/li>\n\n\n\n<li>Click&nbsp;<strong>Install<\/strong>&nbsp;on the Flutter plugin<\/li>\n\n\n\n<li>Install the&nbsp;<strong>Dart<\/strong>&nbsp;plugin as well<\/li>\n\n\n\n<li>Restart IntelliJ IDEA when prompted<\/li>\n<\/ol>\n\n\n\n<p id=\"block-88291e9d-e043-4c61-b217-ad23ef93cbf5\">\u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udcce&nbsp;<strong>Reference:<\/strong><\/h3>\n\n\n\n<p>For detailed installation instructions and troubleshooting, refer to the official Flutter documentation:<br>\ud83d\udd17&nbsp;<a href=\"https:\/\/docs.flutter.dev\/get-started\/install\" target=\"_blank\" rel=\"noopener\">Flutter Installation Docs<\/a><\/p>\n\n\n\n<p><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":0,"parent":34,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-42","post","type-post","status-publish","format-standard","hentry","category-prokit-flutter"],"featured_image_src":null,"author_info":{"display_name":"flutteradminiq","author_link":"https:\/\/documentation.iqonic.design\/prokit-flutter\/author\/flutteradminiq\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/posts\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":4,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/posts\/42\/revisions"}],"predecessor-version":[{"id":334,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/posts\/42\/revisions\/334"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/posts\/34"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/media?parent=42"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/categories?post=42"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/tags?post=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}