Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.4k views
in Technique[技术] by (71.8m points)

visual studio code - Link+tab shortcut Emmet on VSCode - How can I get the "type" to be included in this?

When I type the shortcut link+tab to get the link tag and attributes.

It only shows:
<link rel="stylesheet" href="">

When i want it to show:
<link rel="stylesheet" type="text/css" href="">
or
<link rel="stylesheet" type="" href="">

How can I change the built-in emmet shortcut/snippet to do this? I've tried going into preferences and shortcuts, etc. but haven't quite figured it out. Thanks for any help!

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

Put this into your settings:

"emmet.extensionsPath": "C:\Users\Mark\Test Bed\.vscode",  
// with path to your .vscode folder.
// right-click on the folder in your explorer bar and choose Copy Path - use that in above

The above will allow emmet to find the snippets you will create.

Create a snippets.json file in your .vscode folder.

Put this into that file:

{
  "html": {
    "snippets": {
        "link": "<link rel='stylesheet' type='text/css' href='${1}'>"
    }
  }
}

Reload vscode window after any changes to this file or you won't see the changes take effect!

or use this form if you want to use double quotes:

        "link": "<link rel="stylesheet" type="text/css" href="${1}">"

More info here: https://code.visualstudio.com/docs/editor/emmet#_using-custom-emmet-snippets


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...