Installer Flutter på Windows 10 og konfigurer Flutter Windows Desktop

Prøv Instrumentet Vårt For Å Eliminere Problemer

Flutter er et populært rammeverk med åpen kildekode for å bygge vakre, kompilerte applikasjoner for mobil, nett og skrivebord fra en enkelt Dart kodebase. Sette opp en Flutter utviklingsmiljø på Windows 10 låser opp muligheten til å bygge høyytelses Windows-skrivebordsapper med Flutter.

Denne omfattende guiden dekker alt du trenger for å komme i gang med Flutter på Windows for å bygge mobil-, nett- og skrivebordsapplikasjoner. Vi vil installere Flutter, konfigurere IDEer som Android Studio og VS-kode , konfigurer emulatorer, simuler sensorer og mer.

La oss sette opp Flutter på Windows trinn for trinn:



Installer Flutter SDK på Windows

Det første trinnet er å laste ned Flutter SDK som inneholder alle verktøyene og bibliotekene som trengs for å bygge Flutter-apper. Denne ene installasjonen gir deg alt fra Dart SDK til enhetsemulatorer, CI-støtte og mer.

1. Last ned Flutter SDK

Last ned Windows Flutter SDK fra den offisielle siden . Velg alternativet Stabil kanal og Windows som samsvarer med din OS-arkitektur (32/64-bit).

2. Pakk ut ZIP-filen

Trekk ut flutter_windows_3.3.X.zip filen til ønsket installasjonssted for Flutter SDK. For eksempel: |_+_|

3. Legg til Flutter SDK til Path

Åpne Windows-miljøvariabler og legg til de utpakkede flagrein mappebane til PATH. Dette gjør |_+_| kommando globalt tilgjengelig.

4. Kjør Flutter Doctor

Validerer Flutter-installasjonen din og sjekker for manglende avhengigheter du kanskje må installere:

|_+_|

Følg eventuelle ekstra instruksjoner for å installere manglende plattformverktøy, SDK-er og kjør |_+_| igjen til ingen problemer ble funnet.

Sett opp Android Studio for Flutter

Android Studio er anbefalt IDE for Flutter utvikling på Windows. Det gir den beste editorintegrasjonen, emulatorene og verktøyene for å bygge Flutter-mobilapper. Slik konfigurerer du det:

1. Installer Android Studio

Last ned og installer det nyeste Android Studio på din Windows-maskin. Sørg for å installere Android SDK, NDK, cmake og verktøy under oppsettet.

2. Installer Flutter- og Dart-pluginene

Åpne Plugin-innstillinger i Android Studio og søk etter 'Flutter' og 'Dart'. Installer de nyeste versjonene.

3. Åpne AVD Manager

Åpne AVD Manager i Android Studio og lag en ny Android Virtual Device ( AVD ) for å teste Flutter-apper:

|_+_|
  • Navn: Pixel 5 API 33
  • Enhet: Pixel 5
  • API-nivå: Android 13 (API 33)

4. Lag et Flutter-prosjekt

Åpne Flutter starter app mal og den vil automatisk sette opp et eksempelprosjekt med demokode, klar for å bygge din første Flutter-mobilapp!

Bruk Visual Studio Code for Flutter

VS-kode er en lett, men kraftig IDE for Flutter. Det fungerer på tvers av plattformer, slik at du kan bruke det samme oppsettet på Windows, Linux og macOS.

1. Installer VS-kode

Last ned og installer siste VS-kode IDE på din Windows-maskin.

2. Installer Flutter og Dart-plugins

Start VS Code Quick Open:

|_+_|

Skriv inn og installer hver plugin:

|_+_|

3. Åpne et Flutter-prosjekt

Åpne et eksisterende Flutter-prosjekt i VS Code, eller lag et nytt med kommandoen:

|_+_|

For å bygge og distribuere Flutter-applikasjonen din på skrivebord og mobil.

Flutteremulatorer og -simulatorer

Emulatorer og simulatorer er avgjørende for å utvikle Flutter-apper på Windows uten å måtte koble til en Android- eller iOS-enhet. Her er alternativene dine:

Android-emulator

De Android-emulator innebygd i Android Studio gir en Pixel-enhetsopplevelse der du kan teste Flutter-appen din uten en Android-enhet.

|_+_|

Lag ulike emulatorer på API-nivå for å teste kompatibilitet.

iOS Simulator

De iOS-simulator pakket med Xcode lar deg simulere iPad, iPhone og Apple Watch på Flutter. Krever macOS-enhet eller ekstern tilgang til Apple-maskinvare.

Windows-emulator

The Flutter Windows emulator plugin oppretter en virtuell Windows 10-enhet i appen din for å teste Flutter skrivebordsstøtte:

|_+_|

Bruk dette for å teste Flutter Windows-appbygg lokalt.

Nettlesere

Flutter-nettstøtte gjør det mulig å bruke Chrome og andre nettlesere som mål for testing av nettappbygg.

|_+_|

Flutter Desktop for Windows

Flutter skinner for å bygge skrivebordsapplikasjoner av original kvalitet for Windows fra den samme Dart-koden som mobil- og nettappene dine. Her er det du trenger:

Aktiver støtte for Flutter Desktop

Slik legger du til Windows-skrivebordsstøtte for Flutter-prosjektet ditt:

|_+_|

Installer Visual Studio Build Tools

Visual Studio C++ byggeverktøy kreves for å kompilere Windows Flutter-apper:

|_+_|

Installer 'Desktop development with C++'-arbeidsmengden.

Bygg og kjør appen din

Fra terminalen eller din IDE:

|_+_|

Dette vil kompilere et innebygd Windows-program du kan distribuere eller publisere til Microsoft Store.

Tips for Flutter-utvikling på Windows

Her er noen nyttige tips for å jobbe med Flutter på Windows:

Bruk Windows Subsystem for Linux

Installere WSL for Linux-kommandolinjeverktøy, pakker og verktøy for å strømlinjeforme arbeidsflyten din:

|_+_|

Få fart på Android-emulatoren

Muliggjøre maskinvareakselerasjon i AVD-innstillingene for mye raskere emulatorytelse.

Bruk en IDE

Utvikle seg i Android Studio eller VS-kode for å aktivere tidsbesparende funksjoner som Hot Reload, SCM og feilsøking.

Juster linjeavslutninger

Sett |_+_| til |_+_| under |_+_| innstillinger for kompatibilitet av Windows-linjeavslutninger med Dart.

Konklusjon

Vi har dekket alt som kreves for å sette opp en komplett Flutter utviklingsmiljø på Windows 10 , konfigurere emulatorer og bygge Windows-skrivebordsapplikasjoner.

Med disse essensielle tingene kan du begynne å bygge vakre innfødte opplevelser ved å bruke Flutter SDK. De samme ferdighetene og verktøyene lar deg målrette mot mobil, datamaskin, nett og bygge inn med rekkevidde på tvers av milliarder av enheter.

For mer informasjon, besøk Flutter dokumentasjon eller sjekk Flutter API-referanse .

Se Også: