我可以添加一些额外的行默认HTML文件在VS Code



我可以在VS Code自动创建的HTML文件中添加一些额外的功能吗?我的意思是,当我输入html:5 + TAB,我想要得到一个html文件,它有"style"one_answers";script"标签和一些代码(例如重置边距和填充),我通常使用。感谢每一个试图帮助我的人。

快速解决方案:

  1. Open Visual Studio Code

  2. 打开文件>偏好比;用户代码片段

  3. 选择HTML从菜单

  4. 将其内容替换为以下

    {html 5": {"prefix"("html: 5"],"body"("& lt; !DOCTYPE html>"& lt; html lang ="en"在","& lt head>" t<元charset 在=",t<meta http-equiv='X-UA-Compatible' content='IE=edge'">"t"," t" link href='https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css' rel='stylesheet' integrity='sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl' crossorigin='anonymous' " script src='https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js' integrity='sha384-b5kHyXgcpbZJO/ty9ul7kgkf1so0cwukccd38l8ykeh8z8qje0gmw1gyu5s9fonj0 ' crossorigin='anonymous'>"& lt;/head>"& lt body>"","& lt;/body>"& lt;/html>"],HTML5代码片段,包含css和脚本"}}

这里你将重写默认的"html:5"vscode的代码片段。你可以编辑这个"正文"。内容适合您的收藏夹。为了演示,我只是使用了bootstrap CSS和Javascript。现在你可以输入html:5并按TAB键获取您定义的代码片段

最新更新