IT Information/IT Tips 🍯

[Intellij] Prettier 적용 였λ₯˜ ν•΄κ²° 방법, κ³ μΉ˜λŠ” 방법

yuri lee 2022. 11. 12. 10:41
λ°˜μ‘ν˜•

Intro

μΈν…”λ¦¬μ œμ΄ Intellij μ—μ„œ prettier μ„€μ •ν•˜λŠ” 방법에 λŒ€ν•΄ μ•Œμ•„λ³΄λ„λ‘ ν•˜κ² μŠ΅λ‹ˆλ‹€. 제 경우 이미 prettier ν”ŒλŸ¬κ·ΈμΈκ³Ό ν•„μš”ν•œ dependency, 그리고 prettierrc.js νŒŒμΌλ„ 이미 생성을 ν–ˆμŠ΅λ‹ˆλ‹€. ν•˜μ§€λ§Œ prettier 적용이 μ œλŒ€λ‘œ λ˜μ§€ μ•Šμ•˜μŠ΅λ‹ˆλ‹€.

 

μ°Έκ³ ! Prettier

ν”„λ¦¬ν‹°μ–΄λŠ” μΌμ’…μ˜ μ½”λ“œ formatter μž…λ‹ˆλ‹€. 프리티어λ₯Ό μ‚¬μš© μ‹œ μΌκ΄€λœ μ½”λ“œ μŠ€νƒ€μΌμ„ μœ μ§€ν•  수 μžˆμŠ΅λ‹ˆλ‹€. 예둜 λ“€μ—¬μ“°κΈ°, 쀄 λ°”κΏˆ λ„ˆλΉ„ λ“±μ˜ 섀정이 μžˆμŠ΅λ‹ˆλ‹€. 

 

How to do 

ꡬ글링을 ν•΄λ³΄λ‹ˆ, μ œκ°€ λ†“μ³€λ˜ 섀정이 ν•˜λ‚˜ μžˆμ—ˆμŠ΅λ‹ˆλ‹€. λ°”λ‘œ μΈν…”λ¦¬μ œμ΄ λ‚΄λΆ€ IDE μ•ˆμ—μ„œ Prettier 섀정을 ν•΄μ€˜μ•Ό ν•œλ‹€λŠ” κ²ƒμ΄μ—ˆμŠ΅λ‹ˆλ‹€.

Preferences > Languages & Frameworks > JavaScript > Prettier μ—μ„œ Prettier package μ—μ„œ 섀정을 ν•΄μ£Όλ‹ˆ prettierκ°€ μ œλŒ€λ‘œ λ™μž‘ν•˜μ˜€μŠ΅λ‹ˆλ‹€ :) !

 

λ°˜μ‘ν˜•