Bootstrap visual studio 代码中的 3 个片段

Question

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

绿线是我想自动删除的一条

Answer 1

为此，您需要编辑以下路径 C:\Users\<Username>\.vscode\extensions\wcwhitehead.bootstrap-3-snippets-0.1.0\snippets 下的 bootstrap-3 片段文件 snippets.json，并从每个片段中删除第一个和最后一个 \n下面的例子（更新后 restatr 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": ""
 },

Bootstrap visual studio 代码中的 3 个片段

Bootstrap 3 Snippets in visual studio code

javascript

code-snippets

twitter-bootstrap

visual-studio-code