javascript - Visual Studio 代码中的 Bootstrap 3 片段

Question

我正在使用 Visual Studio 代码，当调用任何 bs3 snipper 时，它会创建额外的顶部和底部空行。请有人告诉我如何防止这种情况发生？

绿线是我想自动删除的线

Answer 1

为此，您需要编辑 bootstrap-3 代码片段文件 snippets.json在以下路径下C:\Users\<Username>\.vscode\extensions\wcwhitehead.bootstrap-3-snippets-0.1.0\snippets并删除第一个和最后一个 \n来自每个片段，如下例所示(更新后重新启动 VS Code)。
原始片段:

 "bs3-alert:danger": {
        "prefix": "bs3-alert:danger",
        "body": "\n<div class=\"alert alert-danger\">\n\t<button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-hidden=\"true\">&times;</button>\n\t<strong>${1:Title!}</strong> ${2:Alert body ...}\n</div>\n",
        "description": "Danger Alert Box",
        "scope": ""
 },

更新的代码片段:

"bs3-alert:danger": {
        "prefix": "bs3-alert:danger",
        "body": "<div class=\"alert alert-danger\">\n\t<button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-hidden=\"true\">&times;</button>\n\t<strong>${1:Title!}</strong> ${2:Alert body ...}\n</div>",
        "description": "Danger Alert Box",
        "scope": ""
 },