VSCODE2 VScode Scss 적용 방법 VScode에서 Scss 설정하기 이번에는 VScode에서 Scss를 설정하는 방법에 대해 알아보겠습니다. 우선 Scss 간단한 설명을 하자면 SCSS는 CSS구문과 완전히 호환되도록 새로운 구문을 도입해 만든 Sass의 모든 기능을 지원하는 CSS의 상위집합입니다. 장점으로는, 가독성과 재사용이을 높여주어 유지 보수를 쉽개 해주며 CSS보다 심플한 표기법으로 CSS를 구조화하여 표현이 가능합니다. 설치 방법. 첫 번째 1. VScode 실행 후 Extensions를 클릭해줍니다. 2. 검색 란에 Sass 검색 후 들어가줍니다. 3. Sass 페이지에 들어간 후 install을 클릭하여 설치해줍니다. 설치 방법. 두 번째 1. VScode에 좌측 하단에 있는 톱니바퀴를 클릭해줍니다. 2. 톱니바퀴를 클릭.. 2022. 9. 19. Prettier Prettier 이번 시간에는 VScode에서 자동정렬 해주는 프로그램인 prettier를 적용하는 법을 알려드리겠습니다. 정리 요약 첫 번째. EXTENSIONS에 들어가서 Prettier를 설치해주기 두 번째. 왼쪽 하단에 톱니바퀴 버튼 클릭 후 설정 들어간 다음에 검색창에 'editor format on save'를 검색하여, 체크박스에 체크 해줍니다. 여기까지 진행 후 안되시면 세 번째로 가주세요. 세 번째. 검색창에 'json'을 검색하여 Launch에서 Edit in setting.json 파일이 나오는데 눌러준 뒤, editor.formatOnSave이 true인지 확인해보시면 됩니다. 첫 번째 EXTENSIONS에 들어가서 Prettier를 설치해주기 두 번째 왼쪽 하단에 톱니바퀴 버튼 클.. 2022. 9. 5. 이전 1 다음
