{"id":159,"date":"2025-02-20T06:37:04","date_gmt":"2025-02-20T06:37:04","guid":{"rendered":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/?p=159"},"modified":"2025-06-30T05:57:42","modified_gmt":"2025-06-30T05:57:42","slug":"installation-app","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/installation-app\/","title":{"rendered":"Installation"},"content":{"rendered":"<div class=\"nolwrap\">\n<ol class=\"wp-block-list\">\n<li><strong>Flutter &amp; Dart SDK:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Ensure that you have Flutter and Dart SDK installed on your system. These are essential for Flutter app development.<\/li>\n\n\n\n<li>Install&nbsp;<a href=\"https:\/\/docs.flutter.dev\/release\/archive\" target=\"_blank\" rel=\"noreferrer noopener\">Flutter SDK<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/documentation.iqonic.design\/kivilab-laravel\/app-faqs\/how-to-setup-flutter-environment\">Set up Environment for Flutter<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Choose an IDE:<\/strong>\n<ul class=\"wp-block-list\">\n<li>You can use any IDE such as Android Studio, Visual Studio Code, or IntelliJ IDEA for Flutter development.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Set up Your Editor:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Configure your IDE by installing the Flutter and Dart plugins to enable Flutter development features.<\/li>\n\n\n\n<li><a href=\"https:\/\/documentation.iqonic.design\/kivilab-laravel\/app-configuration\/installation\">Install Flutter And Dart Plugins<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Git<\/strong>: Although not mandatory, having a version control system like Git is highly recommended for tracking changes in your project and collaborating with other developers if needed.<\/li>\n<\/ol>\n\n\n\n<p>For detailed installation instructions and troubleshooting, refer to the&nbsp;<a href=\"https:\/\/flutter.dev\/docs\/get-started\/install\/\" target=\"_blank\" rel=\"noreferrer noopener\">official Flutter documentation<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Basic Installation<\/strong><\/h2>\n\n\n\n<p><strong>Important:<\/strong>&nbsp;Choose Your Platform And Follow Steps To Build And Run Application.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/docs.flutter.dev\/get-started\/install\/windows\" target=\"_blank\" rel=\"noreferrer noopener\">Windows<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/docs.flutter.dev\/get-started\/install\/macos\" target=\"_blank\" rel=\"noreferrer noopener\">macOS<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/docs.flutter.dev\/get-started\/install\/linux\" target=\"_blank\" rel=\"noreferrer noopener\">Linux<\/a><\/li>\n\n\n\n<li><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<h2 class=\"wp-block-heading\"><strong>Install Flutter And Dart Plugins<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Android Studio<\/strong><\/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;(on macOS) or&nbsp;<strong>Settings<\/strong>&nbsp;(on 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 &#8220;Flutter&#8221; in the search bar.<\/li>\n\n\n\n<li>Install the &#8220;Flutter&#8221; plugin by clicking on the green Install button.<\/li>\n\n\n\n<li>Install &#8220;Dart&#8221; Plugin.<\/li>\n\n\n\n<li>install flutter assets generator.<\/li>\n\n\n\n<li>Restart Android Studio when prompted.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Visual Studio Code<\/strong><\/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 Extensions view by clicking on the square icon in the Sidebar.<\/li>\n\n\n\n<li>Search for &#8220;Flutter&#8221; in the Extensions Marketplace.<\/li>\n\n\n\n<li>Click on the &#8220;Install&#8221; button for the &#8220;Flutter&#8221; extension provided by the Flutter team.<\/li>\n\n\n\n<li>Install &#8220;Dart&#8221; Plugin same way.<\/li>\n\n\n\n<li>After installation, you may need to restart Visual Studio Code to enable the extension.<br><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>IntelliJ IDEA<\/strong><\/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;(on Windows\/Linux) or&nbsp;<strong>IntelliJ IDEA \u2192 Preferences<\/strong>&nbsp;(on macOS).<\/li>\n\n\n\n<li>In the Settings\/Preferences dialog, 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 &#8220;Flutter&#8221; in the search bar.<\/li>\n\n\n\n<li>Install the &#8220;Flutter&#8221; plugin by clicking on the green Install button.<\/li>\n\n\n\n<li>Install the &#8220;dart&#8221; plugin same way.<\/li>\n\n\n\n<li>Restart IntelliJ IDEA when prompted.<\/li>\n<\/ol>\n\n\n\n<p><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>For detailed installation instructions and troubleshooting, refer to the&nbsp;official Flutter documentation. Basic Installation Important:&nbsp;Choose Your Platform And Follow Steps To Build And Run Application. Install Flutter And Dart Plugins Android Studio Visual Studio Code IntelliJ IDEA<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":73,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-159","post","type-post","status-publish","format-standard","hentry","category-kivilab"],"featured_image_src":null,"author_info":{"display_name":"","author_link":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/author\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/wp-json\/wp\/v2\/posts\/159","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/wp-json\/wp\/v2\/comments?post=159"}],"version-history":[{"count":11,"href":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/wp-json\/wp\/v2\/posts\/159\/revisions"}],"predecessor-version":[{"id":848,"href":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/wp-json\/wp\/v2\/posts\/159\/revisions\/848"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/wp-json\/wp\/v2\/posts\/73"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/wp-json\/wp\/v2\/media?parent=159"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/wp-json\/wp\/v2\/categories?post=159"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/wp-json\/wp\/v2\/tags?post=159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}