es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Dart-Flutter autoformat en vscode no cumple con la convención de indentado.

26 Jul, 2023 Programación

He configurado el autoformateo de Dart a Flutter, pero desafortunadamente, cuando presiono CTRL+S, se formatea en una sola línea.

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);
  static const String _judul = 'Private Chat';
  @override
  Widget build(BuildContext context) {
    return const MaterialApp(title: _judul, home: MyHomePage());
  }
}

Mientras espero que Dart se formatee de esta manera:

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);
  static const String _judul = 'Private Chat';

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      title: _judul, 
      home: MyHomePage()
    );
  }
}
Tags:  ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Puedes modificar la configuración de autoformato de Dart en tu IDE para lograr la salida deseada. Así es como hacerlo en Visual Studio Code:

    1. Abre la configuración de tu VS Code presionando CTRL + ,
    2. Escribe “dart” en la barra de búsqueda y selecciona “Dart & Flutter” bajo “Extensiones”
    3. Desplázate hacia abajo hasta “Editor: Formateador predeterminado” y asegúrate de que esté configurado en “Dart-Code.dart-code”
    4. Desplázate hacia abajo hasta “Editor: Formatear al guardar” y asegúrate de que esté marcado
    5. Agrega el siguiente código a tu archivo settings.json:
    "editor.formatOnSave": true,
"dart.lineLength": 120,

    La primera línea activará el formato al guardar, mientras que la segunda línea especifica la longitud máxima de línea antes de que Dart Code intente dividir el código en varias líneas. Esto evitará el formato de una sola línea que estabas viendo anteriormente.

    Después de realizar estos cambios, guarda tu archivo (CTRL+S) y Dart Code formateará tu código como deseado.

    class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);
  static const String _judul = 'Private Chat';

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      title: _judul,
      home: MyHomePage(),
    );
  }
}

Comments are closed.