{"id":36,"date":"2025-04-23T04:19:20","date_gmt":"2025-04-23T04:19:20","guid":{"rendered":"https:\/\/documentation.iqonic.design\/vizion-ai\/?p=36"},"modified":"2025-07-28T10:23:46","modified_gmt":"2025-07-28T10:23:46","slug":"installation-app","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/vizion-ai\/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\/vizion-ai\/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=\"#install-flutter-and-dart-plugins\">Install Flutter And Dart Plugins<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Git:<\/strong>\n<ul class=\"wp-block-list\">\n<li>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<\/ul>\n<\/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\" id=\"install-flutter-and-dart-plugins\"><strong>Install Flutter And Dart Plugins<\/strong><\/h2>\n\n\n\n<p><strong>Android Studio<\/strong><\/p>\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>Restart Android Studio when prompted.<\/li>\n<\/ol>\n\n\n\n<p><strong>Visual Studio Code<\/strong><\/p>\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.<\/li>\n<\/ol>\n\n\n\n<p><strong>IntelliJ IDEA<\/strong><\/p>\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<\/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":11,"featured_media":0,"parent":28,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-36","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"featured_image_src":null,"author_info":{"display_name":"laraveladminiq","author_link":"https:\/\/documentation.iqonic.design\/vizion-ai\/author\/laraveladminiq\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/posts\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":7,"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/posts\/36\/revisions"}],"predecessor-version":[{"id":625,"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/posts\/36\/revisions\/625"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/posts\/28"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/media?parent=36"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/categories?post=36"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/tags?post=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}