Skip to main content

How to install fultter and Setting up Enviroment in vs code

When you are getting started with app development you will come across these two terms “Native apps” and “Cross-Platform apps”. We are currently going to Focus on Cross-platform apps we will discuss native apps later.

Firstly,

  • What are Cross-platform apps?
  •  Available Cross-platform technology and Frameworks?

What are Cross-platform apps?

                Cross-platform application is developing a single application that can run on various Operating systems without the need for development in the respective environment.

Available Cross-platform technology and Frameworks?

            The most popular cross-platform framework or technology is “React Native” and “Flutter”. There are many other frameworks are available but the most popular are these two frameworks


Flutter

    Flutter is an open-source framework created by Google for building cross-platform applications with a single code base. Dart is a typed object-oriented programing language used to build the flutter application.

Setting environment for Flutter: 

Before getting started with app development let us make the necessary arrangement and install flutter

Flutter SDK:

Download flutter SDK using this Link.

Vs code:

You can use Android studio or Vs code based on your choice. You can download using this link vs code And install it on your PC.

 

Installing Flutter SDK:

1. Extract the downloaded zip file to C:\ Drive.

2.  Navigate to the bin folder inside the extracted Flutter folder and copy the path.

3. In the search bar type “env” and press enter.

4. Once the system properties window opens Click on “Environment Variables”.

5. In the Environment Variables window  you the file “User variables” box in that

You can find the “Path” variable. Double click the Path

6. Once you double the path Edit environment variable window will open then click on the “New” button and paste the copied Flutter path.

Once you added the path then click “OK”

That’s it the flutter is successfully set up in your window PC.

Setting environment for vs code

When you open the vs code you can able to see the extensions click on it. Search for flutter and click install flutter extension then search for Dart and install dart extension.

                              

Setup the Device

If you want an emulator you have to install android studio while installing android studio android SDK you have to choose the SDK version that will automatically install (or) if have low specification PC you use your device directly by connecting it to your PC. Make sure you turn on the USB debugger mode on your mobile then only the device will connect.

 

To verify that flutter is successfully set up open command prompt and type

Flutter doctor

 

Now you are ready to develop your flutter application. Hope this article will be helpful and share it with your friend who might find it useful.

 

Labels:

Comments

Post a Comment

Popular posts from this blog

Task Management UI using Flutter

  This Project is mainly based on the Creation of the Task Management UI using Flutter .Firstly Let us know what is flutter   Flutter:   Flutter is an open-source framework created by Google for building cross-platform applications with a single code base. Dart is a typed object-oriented programing language used to build the flutter application. Cross-platform application is developing a single application that can run on various Operating systems without the need for development in the respective environment.   Before Getting start in Flutter We need to install flutter and setting the Environment to work With Flutter Please Refer this How to install Flutter and setting up the Environment in vs code .   This Task management App UI is Refereed from https://www.freepik.com/premium-vector/task-management-app-screes_9925440.htm.  You can Fin Let Get Started. This Task Management App Contains three pages Home page Manage Task Page Create new Task page   Ho...
Post a Comment
Read more

Planning Microsoft 365 architecture

In the previous posts we have discussed what is Microsoft 365 and different subscription avaliable in the microsoft 365.If haven't seen the post please take a look Link .In this post we are going to discuss about the planning microsoft architecture.Let get started Let's say a company decides that they want to migrate to Microsoft 365. So we have to plan an architect for the deployment and implementation on Microsoft 365. The migration plan includes few phases Microsoft 365 evaluation Microsoft 365 on-premises integration Microsoft 365 planning consideration Microsoft 365 evaluation Microsoft evaluation as the name we need make few evalution before we migrate to microsoft 365.Let's discuss the few criteria. Network We want secure and high Bandwidth network connection to access microsoft 365 and to make a stab...
Post a Comment
Read more