Visual Studio'da JavaScript için kod daraltma olarak adlandırılan bölgeleri nasıl uygulayabilirsiniz?
Javascript'te yüzlerce satır varsa vb / C # gibi bölgelerle kod katlama kullanılması daha anlaşılır olacaktır.
#region My Code
#endregion
Visual Studio'da JavaScript için kod daraltma olarak adlandırılan bölgeleri nasıl uygulayabilirsiniz?
Javascript'te yüzlerce satır varsa vb / C # gibi bölgelerle kod katlama kullanılması daha anlaşılır olacaktır.
#region My Code
#endregion
Yanıtlar:
Buradaki blog girişi bunu ve bu MSDN sorusunu açıklamaktadır .
Visual Studio 2003/2005/2008 Makrolarını kullanmanız gerekir.
Doğruluk uğruna Blog girişinden Kopyala + Yapıştır:
OutlineRegions
Option Strict Off
Option Explicit Off
Imports System
Imports EnvDTE
Imports EnvDTE80
Imports System.Diagnostics
Imports System.Collections
Public Module JsMacros
Sub OutlineRegions()
Dim selection As EnvDTE.TextSelection = DTE.ActiveDocument.Selection
Const REGION_START As String = "//#region"
Const REGION_END As String = "//#endregion"
selection.SelectAll()
Dim text As String = selection.Text
selection.StartOfDocument(True)
Dim startIndex As Integer
Dim endIndex As Integer
Dim lastIndex As Integer = 0
Dim startRegions As Stack = New Stack()
Do
startIndex = text.IndexOf(REGION_START, lastIndex)
endIndex = text.IndexOf(REGION_END, lastIndex)
If startIndex = -1 AndAlso endIndex = -1 Then
Exit Do
End If
If startIndex <> -1 AndAlso startIndex < endIndex Then
startRegions.Push(startIndex)
lastIndex = startIndex + 1
Else
' Outline region ...
selection.MoveToLineAndOffset(CalcLineNumber(text, CInt(startRegions.Pop())), 1)
selection.MoveToLineAndOffset(CalcLineNumber(text, endIndex) + 1, 1, True)
selection.OutlineSection()
lastIndex = endIndex + 1
End If
Loop
selection.StartOfDocument()
End Sub
Private Function CalcLineNumber(ByVal text As String, ByVal index As Integer)
Dim lineNumber As Integer = 1
Dim i As Integer = 0
While i < index
If text.Chars(i) = vbCr Then
lineNumber += 1
i += 1
End If
i += 1
End While
Return lineNumber
End Function
End Module
Microsoft artık bu işlevi sağlayan bir VS 2010 uzantısına sahiptir :
Visual Studio'nun son sürümüyle çalışan geliştiriciler için müjde
Web Essentials bu özelliği ile geliyor.
Not: VS 2017 için JavaScript Bölgelerini kullanın : https://marketplace.visualstudio.com/items?itemName=MadsKristensen.JavaScriptRegions
Bu kolay!
Daraltmak istediğiniz bölümü işaretleyin ve
Ctrl + M + H
Ve genişletmek için solundaki '+' işaretini kullanın.
Visual Studio 2012'yi kullanmak üzere olanlar için Web Essentials 2012 var
Visual Studio 2015'i kullanmak üzere olanlar için Web Essentials 2015 var.3
Kullanım tam olarak @prasad'ın sorduğu gibi
Kodun bir bölümünü işaretleyerek (herhangi bir mantıksal bloktan bağımsız olarak) ve CTRL + M + H tuşlarına basarak seçimi daraltılabilir ve genişletilebilir bir bölge olarak tanımlayacaksınız.
JSEnhancements Visual Studio adresleri için bu güzel eklentisi.
Harika bir cevap için 0A0D'ye teşekkürler . Onunla iyi şanslar elde ettim. Darin Dimitrov , JS dosyalarınızın karmaşıklığını sınırlama konusunda da iyi bir argüman sunuyor. Yine de, işlevlerin tanımlarına göre daraltılmasının bir dosyaya göz atmayı çok daha kolay hale getirdiği durumlar buluyorum.
Genel olarak # bölge ile ilgili olarak, bu GK Sorusu bunu oldukça iyi kapsamaktadır.
Daha gelişmiş kod çöküşünü desteklemek için Makro'da birkaç değişiklik yaptım. Bu yöntem, // # bölge anahtar kelimesi ala C # 'dan sonra bir açıklama koymanıza ve gösterildiği gibi kodda göstermenize olanak tanır:
Örnek kod:
//#region InputHandler
var InputHandler = {
inputMode: 'simple', //simple or advanced
//#region filterKeys
filterKeys: function(e) {
var doSomething = true;
if (doSomething) {
alert('something');
}
},
//#endregion filterKeys
//#region handleInput
handleInput: function(input, specialKeys) {
//blah blah blah
}
//#endregion handleInput
};
//#endregion InputHandler
Güncellenen Makro:
Option Explicit On
Option Strict On
Imports System
Imports EnvDTE
Imports EnvDTE80
Imports EnvDTE90
Imports System.Diagnostics
Imports System.Collections.Generic
Public Module JsMacros
Sub OutlineRegions()
Dim selection As EnvDTE.TextSelection = CType(DTE.ActiveDocument.Selection, EnvDTE.TextSelection)
Const REGION_START As String = "//#region"
Const REGION_END As String = "//#endregion"
selection.SelectAll()
Dim text As String = selection.Text
selection.StartOfDocument(True)
Dim startIndex As Integer
Dim endIndex As Integer
Dim lastIndex As Integer = 0
Dim startRegions As New Stack(Of Integer)
Do
startIndex = text.IndexOf(REGION_START, lastIndex)
endIndex = text.IndexOf(REGION_END, lastIndex)
If startIndex = -1 AndAlso endIndex = -1 Then
Exit Do
End If
If startIndex <> -1 AndAlso startIndex < endIndex Then
startRegions.Push(startIndex)
lastIndex = startIndex + 1
Else
' Outline region ...
Dim tempStartIndex As Integer = CInt(startRegions.Pop())
selection.MoveToLineAndOffset(CalcLineNumber(text, tempStartIndex), CalcLineOffset(text, tempStartIndex))
selection.MoveToLineAndOffset(CalcLineNumber(text, endIndex) + 1, 1, True)
selection.OutlineSection()
lastIndex = endIndex + 1
End If
Loop
selection.StartOfDocument()
End Sub
Private Function CalcLineNumber(ByVal text As String, ByVal index As Integer) As Integer
Dim lineNumber As Integer = 1
Dim i As Integer = 0
While i < index
If text.Chars(i) = vbLf Then
lineNumber += 1
i += 1
End If
If text.Chars(i) = vbCr Then
lineNumber += 1
i += 1
If text.Chars(i) = vbLf Then
i += 1 'Swallow the next vbLf
End If
End If
i += 1
End While
Return lineNumber
End Function
Private Function CalcLineOffset(ByVal text As String, ByVal index As Integer) As Integer
Dim offset As Integer = 1
Dim i As Integer = index - 1
'Count backwards from //#region to the previous line counting the white spaces
Dim whiteSpaces = 1
While i >= 0
Dim chr As Char = text.Chars(i)
If chr = vbCr Or chr = vbLf Then
whiteSpaces = offset
Exit While
End If
i -= 1
offset += 1
End While
'Count forwards from //#region to the end of the region line
i = index
offset = 0
Do
Dim chr As Char = text.Chars(i)
If chr = vbCr Or chr = vbLf Then
Return whiteSpaces + offset
End If
offset += 1
i += 1
Loop
Return whiteSpaces
End Function
End Module
VS 2012 ve VS 2015'te WebEssentials eklentisini yükleyin ve bunu yapabileceksiniz.
Resharper kullanıyorsanız
bu resimdeki adımları nadasa bırak
sonra bunu şablon düzenleyiciye yazın
//#region $name$
$END$$SELECTION$
//#endregion $name$
ve #region
bu resimdeki gibi adlandırın
umarım bu sana yardımcı olur
Bu cevapların hiçbiri visual studio 2017 ile benim için işe yaramadı.
VS 2017 için en iyi eklenti: JavaScript Bölgeleri
Örnek 1:
Örnek 2:
Test edildi ve onaylandı:
Bölge ayarları değiştirmeden çalışmalıdır
//#region Optional Naming
var x = 5 -0; // Code runs inside #REGION
/* Unnecessary code must be commented out */
//#endregion
Daraltılan yorum alanını etkinleştirmek için / ** /
/* Collapse this
*/
Ayarlar -> "katlama" ara -> Editör: Katlama Stratejisi -> "otomatik" ten "girintiye".
ETİKETLER: Node.js Nodejs Node js Javascript ES5 ECMAScript yorum katlama gizleme bölgesi Görsel stüdyo kodu vscode 2018 sürüm 1.2+ https://code.visualstudio.com/updates/v1_17#_folding-regions
Yalnızca VS için değil, neredeyse tüm editörler için.
(function /* RegionName */ () { ... })();
Uyarı: kapsam gibi dezavantajlara sahiptir.