VS Code Tips & Tricks
About this episode
Leave a rating/review
See forum comments
Mark complete
Next episode: 05. Explore More Tricks
Heads up... You’re accessing parts of this content for free, with some sections shown as text.
Heads up... You’re accessing parts of this content for free, with some sections shown as text.
Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.
Unlock now
Writing repetitive code can feel really boring and unproductive. VS Code provide us with a way to write reusable code: Enter “Snippets.” A VS Code Snippet is just a piece of reusable code that can be generated with a short word.
"Widget with ListView.builder": {
"prefix": "rwstlesslvb",
"body": [
],
"description": "Creates a Statelss widget with ListView.builder"
}
class extends StatelessWidget {
@override
Widget build(BuildContext context) {
return ListView.builder(
itemBuilder: (BuildContext context, int index){
},
);
}
}
...
"body": [
"class extends StatelessWidget {",
"\t@override",
"\tWidget build(BuildContext context) {",
"\t\treturn ListView.builder(",
"\t\t\titemBuilder: (BuildContext context, int index){",
"\t\t\t\t",
"\t\t\t},",
"\t\t);",
"\t}",
"}",
],
...
Next let's add tabstops to add insertion points which advances based on tab press.
Update the snippet to the following:
```json
...
"body": [
"class $1 extends StatelessWidget {",
"\t@override",
"\tWidget build(BuildContext context) {",
"\t\treturn ListView.builder(",
"\t\t\titemBuilder: (BuildContext context, int index){",
"\t\t\t\treturn $2",
"\t\t\t},",
"\t\t);",
"\t}",
"}",
],
...