Vscode Extension 모음
1. Eslint
자바스크립트 코드 분석 도구
2. Prettier
코드를 일관 된 스타일로 정리해 주는 기능
파일 저장시 자동으로 포맷에 맞게 정렬된다.
3. Auto Rename Tag
Html 태그 변경을 도와주는 태그
태그명 하나만 수정해도 나머지 태그가 수정 된다.
4. GitLens
소스코드에서 마우스로 클릭해서 라인을 보고 있으면 해당라인에 커밋시 작성한 코멘트를 볼수 있다.
5. Live Sass Compiler
파일이 저장 될 때마다 자동으로 컴파일된다.
Vscode 하단에 Watching Sass를 클릭하여 활성화 한다.
"liveSassCompile.settings.formats": [
{
"format": "expanded", //
"extensionName": ".css", // .css 파일로
"savePath": "~/../" // 경로 별도 지정 없음, 지정 시 해당 경로로 .css 파일이 생김
},
{
"format": "compressed", // 압축
"extensionName": ".min.css", // min.css 파일로
"savePath": "~/../" // 경로 별도 지정 없음, 지정 시 해당 경로로 min.css 파일이 생김
}
],
"liveSassCompile.settings.generateMap": false // map 파일 미생성
Hello!