Dart Snippets

snippets.json

{
	// Place your snippets for dart here. Each snippet is defined under a snippet name and has a prefix, body and 
	// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
	// same ids are connected.
	// Example:
	// "Print to console": {
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",
	// 		"$2"
	// 	],
	// 	"description": "Log output to console"
	// }
	"Rectángulo Widget": {
		"prefix": "rectangulo",
		"body": [
			"class Rectangulo extends StatelessWidget {",
			"    @override",
			"    Widget build(BuildContext context) {",
			"    return Container(",
			"       width: 70,",
			"       height: 70,",
			"       decoration: BoxDecoration(",
			"         color: Colors.blue",
			"       ),",
			"     );",
			"   }",
			"}",
		],
		"description": "Log output to console"
	},

	"Flutter Page": {
		"prefix": "fl-page",
		"body": [
			"import 'package:flutter/material.dart';",
			"",
			"",
			"class ${1:name}Page extends StatelessWidget {",
			"",
			"  @override",
			"  Widget build(BuildContext context) {",
			"    return Scaffold(",
			"      body: Center(",
			"        child: Text('Hola Mundo'),",
			"     ),",
			"   );",
			"  }",
			"}",
		],
		"description": "Crea una página de flutter fácilmente"
	}
}

Hola, @Klerith primero para decirte que tu curso está muy bacano (como decimos en Colombia), creo que en el snippet Flutter Page podría ser muy util este aporte que hago para que el nombre quede automatizado con el nombre del archivo. 👍

class ${TM_FILENAME_BASE/((^[a-z])|_([a-z]))/${2:/upcase}${3:/upcase}/g} extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(,
      body: Center(,
        child: ${2:Text('Hello World')},
      ),
    );
  }
}

Muchas gracias Fernando

Show, obrigado Fernando!

Gracias

Hola, @Klerith primero para decirte que tu curso está muy bacano (como decimos en Colombia), creo que en el snippet Flutter Page podría ser muy util este aporte que hago para que el nombre quede automatizado con el nombre del archivo. 👍

class ${TM_FILENAME_BASE/((^[a-z])|_([a-z]))/${2:/upcase}${3:/upcase}/g} extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(,
      body: Center(,
        child: ${2:Text('Hello World')},
      ),
    );
  }
}

Excelente aporte SOY4RIAS, lo instalé y está perfecto (Y) Gracias.

Hola, @Klerith primero para decirte que tu curso está muy bacano (como decimos en Colombia), creo que en el snippet Flutter Page podría ser muy util este aporte que hago para que el nombre quede automatizado con el nombre del archivo. 👍

class ${TM_FILENAME_BASE/((^[a-z])|_([a-z]))/${2:/upcase}${3:/upcase}/g} extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(,
      body: Center(,
        child: ${2:Text('Hello World')},
      ),
    );
  }
}

Queda genial! gracias.

Muchas Gracias por el aporte Fernando!

Hola, @Klerith primero para decirte que tu curso está muy bacano (como decimos en Colombia), creo que en el snippet Flutter Page podría ser muy util este aporte que hago para que el nombre quede automatizado con el nombre del archivo. 👍

class ${TM_FILENAME_BASE/((^[a-z])|_([a-z]))/${2:/upcase}${3:/upcase}/g} extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(,
      body: Center(,
        child: ${2:Text('Hello World')},
      ),
    );
  }
}

Buenisimo aporte, me funciono perfecto.

Hola @Klerith , genial el snippet
Y pues como yo soy temático (así decimos quisquilloso decimos en Ecuador XD), dejo el snippet actualizado, como lo hizo @SOY4RIAS

"Flutter Page": {
	"prefix": "fl-page",
	"body": [
		"import 'package:flutter/material.dart';",
		"",
		"class ${TM_FILENAME_BASE/((^[a-z])|_([a-z]))/${2:/upcase}${3:/upcase}/g} extends StatelessWidget {",
		"  const ${TM_FILENAME_BASE/((^[a-z])|_([a-z]))/${2:/upcase}${3:/upcase}/g}({Key? key}) : super(key: key);",
		"  @override",
		"  Widget build(BuildContext context) {",
		"    return const Scaffold(",
		"      body: Center(",
		"        child: ${2:Text('Hello World')},",
		"      ),",
		"    );",
		"  }",
		"}",
		
	],
	"description": "Crea una página de flutter fácilmente"
}

Saludos!!!!