如何在Visual Studio 2012/2013中对JS进行区域折叠

Question

Visual Studio 2012和2013中的JS区域代码折叠？

#region AutoComplete JS
$("#<%=txtBirim.ClientID %>").autocomplete({
   source: function (request, response) {
     $.ajax({
       url: '<%=ResolveUrl("~/Classlar/TextboxOtomatik.asmx/BirimGetir") %>',
       data: "{ 'prefix': '" + request.term + "'}",
       dataType: "json",
       type: "POST",
       contentType: "application/json; charset=utf-8",
       success: function (data) {
       response($.map(data.d, function (item) {
         return {
         label: item.split('-')[0],
         val: item.split('-')[1]
       }
      }))
     },
    Code....
#endregion

有没有任何方法可以做到这样？

- TheMuyu

Answer 1

安装Web Essentials

在结束区域使用相同的名称

//#region AutoComplete JS
$("#<%=txtBirim.ClientID %>").autocomplete({
      source: function(request, response) {
          $.ajax({
                url: '<%=ResolveUrl("~/Classlar/TextboxOtomatik.asmx/BirimGetir") %>',
                data: "{ 'prefix': '" + request.term + "'}",
                dataType: "json",
                type: "POST",
                contentType: "application/json; charset=utf-8",
                success: function(data) {
                  response($.map(data.d, function(item) {
                    return {
                      label: item.split('-')[0],
                      val: item.split('-')[1]
                    }
                  }))
                },
                Code....
//#endregion AutoComplete JS

- Pandiyan Cool

---

您需要考虑使用WebEssentials...... http://vswebessentials.com/features/javascript - Silvestre

@QMaster 安装WebEssentials - Pandiyan Cool

虽然@umair的解决方案可行，但我会检查是否安装了WebEssentials。如果没有安装，我必须考虑是否明智为了使用js区域而安装它！ - QMaster

已安装WebEssentials，但不幸的是在某些JS代码部分无法工作，例如$(document).on("click", "..... - QMaster

@umair的解决方案不幸的是不持久化的。 :( - QMaster

我发现所有的解决方案在javascript中都存在Razor @符号的问题，如果您有任何问题，请告诉我。所以我搜索了一下，这个链接一定很有用：https://dev59.com/Lmsz5IYBdhLWcg3wbHTG#8794065 - QMaster

Answer 2

在安装了Visual Studio 高级JavaScript大纲扩展程序之后，这个方法对我很有效。

你可以在这里找到该扩展程序。

安装完扩展程序后，只需重新启动Visual Studio，然后就可以像这样使用它：

//#region MyRegion

Code Here

//#endregion 

- prem

---

提供的解决方案是针对OP要求的VS 2012/13版本。 - prem

高级Javascript大纲扩展目前与VS 2017不兼容。是否有其他方法可以在VS 2017中实现区域折叠？ - Thomas.Benz

2017年- 从这里下载扩展 https://marketplace.visualstudio.com/items?itemName=MadsKristensen.JavaScriptRegions - Charlie

在.NET Core 6项目中验证工作正常，无需添加任何扩展，只需在VS 2022中开箱即用。 - OJB1

Answer 3

1. 选择您想要隐藏的JavaScript代码
2. 按下（

a.Ctrl+M

b.Ctrl+H

然后您可以为该区域命名。

- Umair Ghouri

---

更多详情请查看此页面：http://blog.degree.no/2013/05/define-a-region-in-javascript-files-visual-studio-2010-2012/ - desiguy

我点赞了这个答案，但是我发现在关闭项目大纲 [使用ctrl+M -> ctrl+H创建] 后被删除了 :( - QMaster

Answer 4

如果您在Visual Studio中使用Web Essentials，那么您可以编写：

//#region AutoComplete JS
youcode
//#endregion

看这个链接

- Oleg Alekseenko

Answer 5

Visual Studio: 只需选择要折叠的代码区域，然后右键单击鼠标，点击“Outlining”，然后点击“Hide Selection”。 您将在左侧垂直栏上获得折叠（+）符号。 快捷键是在选择后按Ctrl + M，然后按Ctrl + H。

- Jahid