Error2 SCSS 설치와 기본 세팅 [VSCode] SCSS 설치 및 기본 세팅 안녕하세요 오늘은 평소 사용하던 CSS가 아닌 SCSS를 설치후 기본 세팅에 대해서 알려드리겠습니다. 1. VSCode 확장 프로그램에 들어가서 Sass를 검색후 설치해 줍니다. 2. VSCode 확장 프로그램에 들어가서 Live Sass Compiler도 검색후 설치해 줍니다. 3. 아래쪽을 보셔서 Watch Sass가 나온다면 설치가 잘 된겁니다! 4. SCSS파일로 만드셔서 작성하시면 끝! VSCode는 SCSS를 사용 할수 없기 때문에 CSS로 컴파일 하신 후 사용하셔야한다는점! SCSS파일을 저장하면 자동으로 CSS파일로 컴파일 할 수 있는 방법도 있습니다!. 1. F1을 누른 후 Preferences:open user settings(JSON) 을 .. 2022. 9. 19. Prettier 적용 하기 (이렇게 설치하세요!) [VSCode] Prettier 적용 방법 안녕하세요 오늘은 코드를 자동적으로 정렬 해주는 VSCode Extensions중 하나인 Prettier 적용하는 방법을 알려드리겠습니다. 1. VSCode 확장 프로그램에 들어가서 Prettier을 깔아줍니다. 2. 설정(Manage -> Settings)에 들어가서 'editor format on save' 검색 후, 체크를 해줍니다. 3. F1을 누른 후 Preferences:open user settings(JSON) 을 찾아준 후 4. editor.formatOnSave이 true인지 확인해보시면 됩니다. (아니라면 true로 바꿔줍니다.) 5. 완성 ps. 만약 4번까지 하셨는데 저장했을 때 자동적으로 줄 정리가 되지 않으신다면, 아래 코드를 추가해서.. 2022. 9. 5. 이전 1 다음
