XamlStyler μ†Œκ°œ

XAML StylerλŠ” 양식 κ·œμΉ™ 집합을 톡해 XAML μ†ŒμŠ€ μ½”λ“œ ν˜•μ‹μ„ μ§€μ •ν•˜λŠ” Visual Studio ν™•μž₯μž…λ‹ˆλ‹€. νŒ€ 개발의 경우 양식 κ·œμΉ™ 섀정을 톡해 μΌκ΄€λœ XAML의 가독성을 λΆ€μ—¬ν•˜λŠ”λ° 도움이 λ©λ‹ˆλ‹€.


XamlStylerλ₯Ό κ°„λž΅νžˆ μ†Œκ°œν•˜λŠ” Andreas Nesheimλ‹˜μ˜ κΈ€μž…λ‹ˆλ‹€.

8개의 μ’‹μ•„μš”

μ΅œκ·Όμ— XamlStylerλ₯Ό μ μš©ν•΄μ„œ XAML μ½”λ“œκ°€ 이쁘게 λ³΄μ΄λŠ” λ…Έλ ₯을 μ€‘μ§€ν•˜κ³  XamlStylerμ—κ²Œ μœ„μž„ν–ˆμŠ΅λ‹ˆλ‹€ ^^ λ§Œμ‘±μŠ€λŸ½κ΅°μš”!

3개의 μ’‹μ•„μš”

ν˜Ήμ‹œ λͺ°λΌμ„œ κ²€μƒ‰ν–ˆλŠ”λ° μ—­μ‹œ 이미 곡유된 쒋은 λ¦¬μ†ŒμŠ€λ„€μš”β€¦γ…‹γ…‹

이 글을 λͺ»λ΄€μ–΄μ„œ μ €λŠ” 방금 막 μ•Œκ²Œ λ˜μ—ˆμŠ΅λ‹ˆλ‹€ γ… γ… 

저도 κΉ”μ•„μ„œ μ‚¬μš©ν•΄λ³΄λ‹ˆ λ„ˆλ¬΄ μ’‹λ„€μš” γ…‹γ…‹γ…‹

2개의 μ’‹μ•„μš”

μ™ΈλΆ€ 파일둜 μ‚¬μš©ν•˜λŠ” 방법을 찾아도 잘 μ•ˆλ‚˜μ™”μ—ˆλŠ”λ° κ·Έλƒ₯ wiki에 μžˆλŠ” json νŒŒμΌμ„ λ³΅μ‚¬ν•΄μ„œ VS에 λ©”λͺ¨μž₯처럼 νŒŒμΌμ„ μΆ”κ°€ν•΄μ•Όν•˜λ‚˜ λ΄…λ‹ˆλ‹€.
.editorconfig 처럼 VSμ—μ„œ 파일 μΆ”κ°€ν•˜λŠ” κΈ°λŠ₯을 지원해 μ€€λ‹€λ©΄ μ’‹μ„ν…λ°μš”β€¦
μ•„λž˜ 링크의 json νŒŒμΌμ„ λ³΅μ‚¬ν•΄μ„œ νŒŒμΌμ„ λ§Œλ“œμ‹œκ³  μ μš©ν•˜κ³ λ‚˜λ©΄ λ‘λ²ˆμ§Έ 링크의 μ‚¬μ§„μ²˜λŸΌ 될 κ²ƒμž…λ‹ˆλ‹€.

μ™ΈλΆ€ ꡬ성 Β· Xavalon/XamlStyler Wiki (github.com)

XAML Styler. XAML 코딩을 ν•˜λ‹€ 보면 νŒ€μ›κ°„μ— attrubute μˆœμ„œλ‚˜β€¦ | by κΉ€μ •ν™˜(John.Kim) | OldbeeDev | Medium

1개의 μ’‹μ•„μš”

쒋은정보 κ°μ‚¬ν•©λ‹ˆλ‹€.

(μ„€μΉ˜ 및 μ‚¬μš© κ°€μ΄λ“œ)

image
image

μ›ν•˜λŠ” 버전에 맞게 μ„€μΉ˜ ν›„

image

VSμ—μ„œ 마우슀 였λ₯Έμͺ½ 클릭 => Formate XAML 선택


image

Nugetμ—μ„œ XAML Styler 받아을렀고 ν–ˆλŠ”λ° 였λ₯˜κ°€ λ‚˜λ„€μš”.

μœ„μ— λ§ν¬μ—μ„œ VS 버전에 맞게 λ‹€μš΄ λ°›λŠ” 것을 μΆ”μ²œλ“œλ¦½λ‹ˆλ‹€.


(μ‚¬μš© ν›„κΈ°)

image

적용 μ „ (XAML Styler)

image

적용 ν›„
=> 쀄이 λŠ˜μ–΄λ‚˜μ„œ λ­”κ°€ μ°œμ°œν•œ 기뢄이 λ“­λ‹ˆλ‹€. :sob:
μ΄λ ‡κ²Œ ν‘œν˜„λ°©λ²•μ„ 양식 κ·œμΉ™μ΄λ©° ꢌμž₯ν•˜λŠ” κ±΄κ°€μš”?

4개의 μ’‹μ•„μš”

κΈ°λ³Έ μŠ€νƒ€μΌμ„ μ‚¬μš©ν•˜μ…”μ„œ 그런 것이고 μ„€μ •μ—μ„œ ν•œ μ€„λ‘œ 좜λ ₯κ°€λŠ₯ν•˜κ²Œλ” λ§Œλ“œλŠ” 방법도 μžˆλŠ” 것 κ°™μŠ΅λ‹ˆλ‹€.

그리고 ν”„λ‘œνΌν‹°λ₯Ό ν•œ μ€„λ§ˆλ‹€ μ“°λŠ” 것은 개인 μ·¨ν–₯μΈλ“―ν•˜λ©° μ €λŠ” ν•œ 쀄에 XAML ν”„λ‘œνΌν‹°λ₯Ό λͺ¨λ‘ μ λŠ” 것을 맀우 μ‹«μ–΄ν•©λ‹ˆλ‹€.

κ·Έλž˜μ„œ μ €μ—κ²Œ μœ μš©ν•œ 도ꡬ가 λ˜μ—ˆλ˜ 것 κ°™κ³ , ν•„μš”μ—†μœΌμ‹œλ‹€λ©΄ μ•ˆμ“°μ…”λ„ 무방할 것 κ°™μŠ΅λ‹ˆλ‹€.

λ‹€λ§Œ XAML을 μ „λ¬Έμ μœΌλ‘œ λ‹€λ£¨λŠ” νšŒμ‚¬μ— μž…μ‚¬ν•  경우 XAML을 μž‘μ„±ν•˜λŠ” 것에 λŒ€ν•΄ νŒ€μ› κ°„ μ„ ν˜Έλ„κ°€ λͺ¨λ‘ λ‹€λ₯΄λ‹ˆκΉŒ μ΅œλŒ€ν•œ ν•©μ˜ν•œ 사항을 XAML Styler 섀정에 기둝해두고 λͺ¨λ‘ κ·Έ 지침을 λ”°λΌμ„œ κ°ˆλ“±μ„ μ΅œμ†Œν™” ν•˜λŠ” λͺ©μ μ΄μ£Όλœ 것이라고 μƒκ°ν•©λ‹ˆλ‹€.

4개의 μ’‹μ•„μš”

쒋은 말씀 κ°μ‚¬ν•©λ‹ˆλ‹€.

λ§μ”€μ²˜λŸΌ μ€‘μš”ν•˜κ²Œ λŠκ»΄μ§‘λ‹ˆλ‹€ => νŒ€μ› κ°„ 양식 λ§žμΆ”κΈ°
Styler 섀정을 파일둜 μ €μž₯ν•΄ νŒ€μ›κ³Ό 곡유 ν•  μˆ˜κ°€ μžˆλ„€μš”. :+1:


( XAML μ„€λͺ… )
https://medium.com/oldbeedev/xaml-styler-33349c13e3e8

5개의 μ’‹μ•„μš”