How do I insert HTML boiler plate code in Visual Studio Code on Mac?-CodePudding

I started the coding journey and installed VSC suggested during a YouTube tut.

It seems that all emmet abbreviations are working except for SHIFT ! which should give me the below.

<DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
</head>
<body>
    
</body>
</html>

Any ideas why this is?

I really appreciate any help you can provide.

CodePudding user response：

You need to install HTML boilerplate extension from visual studio code extension.

CodePudding user response：

I couldn't get VSCode to expand ! Tab, but I agree with you that it should have worked.

However, I've figured out that you can use html:5 Tab (or just ! with the Emmet: Expand Abbreviation command) to get a similar result.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>