1. 설정이 덜 되어있는 경우
Default Formatter 설정이 안 된 경우
vscode 설정에서 formatter 검색 시 나오는 default formatter가 prettier로 설정되어있는지 확인
Format On Save 설정이 안 된 경우
vscode 설정에서 format on save 검색 시 나오는 Format On Save가 체크 되어있는지 확인
2. 특정 파일에서만 동작하지 않는 경우 - html languege 태그 확인
<!DOCTYPE html>
<body>
<span>클릭수 : 0</span>
<button id="btn">클릭</button>
</body>
<script>
let counter = 0;
const button = document.getElementById("btn");
const span = document.querySelector("span");
function handleClick() {
counter = counter + 1;
span.innerText = "클릭수 : " + counter;
}
button.addEventListener("click", handleClick);
</script>
</html>위의 코드는 format on save가 먹히지 않는 상황
<!DOCTYPE html>
<html lang="en">
<body>
<span>클릭수 : 0</span>
<button id="btn">클릭</button>
</body>
<script>
let counter = 0;
const button = document.getElementById("btn");
const span = document.querySelector("span");
function handleClick() {
counter = counter + 1;
span.innerText = "클릭수 : " + counter;
}
button.addEventListener("click", handleClick);
</script>
</html><html lang="en"> 태그를 추가하니 format on save 기능이 잘 먹힘
매일 따끈따끈한 빵을 굽는 베이커리처럼 코딩하기