title: How to surround flutter widget in vscode
body: <p>Just wondering if there is a shortcut or extension in visual studio code to surround a code block - or more specifically highlight the widget name and then surround that widgets children.</p>
  
  <p>Often is the case where I have created, lets say a:</p>
  
  <pre><code>Padding(
    padding: EdgeInsets.all(10.0),
    child: Container(
    ...
  </code></pre>
  
  <p>But then after some writing, i want to surround that <code>Padding</code> with something else, like a <code>Column</code> or <code>Row</code>.
  As is, I need to prefix the <code>Padding</code> with <code>Row( child:</code> and then scroll down and add the new ),` bracket</p>
  
  <p>Is there not a way to just select the <code>Padding</code> and then tell vs code that I am going to prefix this so add the bracket for me?</p>
  
  <p>Pretty sure I have seen this in action in IntelliJ </p>