Comment écrire et utiliser des applications Flutter avec vscode

La façon d'écrire et d'utiliser des applications Flutter avec vscode est la suivante :

1. Configurer les plug-ins

Vous devez télécharger le plug-in dans vscode

Trouvez simplement ces deux plug- ins, téléchargez-les et rechargez vscode.

2. Run

La commande d'exécution du projet Flutter est Flutter Run

Mais la différence entre Flutter et React-Native est qu'après Flutter Run, il détectera si l'appareil est connecté, s'il n'y a pas d'appareil connecté, il ne fonctionnera pas.
Vous pouvez utiliser des appareils Flutter. Bien sûr, si vous configurez l'environnement Android, vous pouvez également utiliser la commande dab et les appareils adb.

Une fois le projet exécuté, certaines informations de sortie apparaîtront dans le terminal ci-dessous, notamment l'heure de compilation, le package de débogage, l'installation, etc.

Il y a également des messages d'invite

Appuyez sur r lorsque vous avez besoin d'un rechargement à chaud et appuyez sur R lorsque vous devez redémarrer l'application.

Ainsi, chaque fois que nous écrivons le code et l'enregistrons, il nous suffit d'appuyer à nouveau sur r pour voir le dernier effet, et le chargement à chaud de Flutter est plus rapide que celui de rn.

3. Écrivez la première application Flutter .

Suivez le site Web chinois Flutter (

https://flutterchina.club/get-started/codelab/)Écrivez notre première application Flutter.
J'ai personnellement rencontré un problème.
À l'étape 2, à l'aide de packages externes,

déclarez la dépendance du plug-in dans le fichier pubspec.yaml, enregistrez-la et téléchargez-la automatiquement, puis dans main . Le plug-in a été référencé dans le fichier Dart et j'ai constaté qu'il n'y avait pas d'invite d'achèvement automatique. J'ai écrit tous les chemins à la main, mais l'invite n'a pas été trouvée.

Ensuite, rouvrez vscode. Cela devrait être un problème avec vscode qui lit ceci.

Ensuite, suivez le code chinois et écrivez-le. Flutter a également un état, qui serait ajouté sur la base de l'idée d'état en réaction.

Expérience personnelle

Le projet Flutter est plus fluide que rn, se compile plus rapidement, se charge plus rapidement et l'application fonctionne plus facilement, mais la syntaxe Dart est vraiment pénible

Écrit par le site Web chinois Fluuter La documentation ne semble pas très conviviale et de nombreux éléments clés ne sont pas assez spécifiques ou même ne sont pas écrits.

Il n'y a aucune explication de l'état, aucune instruction pour utiliser l'état, et il en va de même pour le routage.

Tutoriel recommandé : "

Tutoriel d'introduction au vscode"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!