본문 바로가기

VSCODE2

[VSCODE] SCSS 설치 및 적용하기 VSCODE : SCSS 설치하기 안녕하세요~! 토매토 입니다 🍅 이번 시간에는 vscode에서 SCSS를 설치하고 사용하는 방법을 알아볼텐데요! 우선 아래의 확장 프로그램(extension)을 다운받아 주세요! 🔶 01. Sass 🔶 02. Live Sass Compiler 아래의 Live Sass Compiler는 실시간으로 SCSS를 CSS로 컴파일 시켜주는 확장 프로그램입니다. 다운 모두 받으셨나요? 그럼 다음의 방법과 함께 차근차근 적용시켜보겠습니다~! 1. 먼저 cmd + ⇧ + p 또는 F1을 눌러서 'json'을 검색한 후 'settings.json'에 들어갑니다. (들어가는 방법은 지난 에러 솔루션을 참고하시면 됩니다~! ) 2. 그 다음 다음의 코드를 중괄호 안에 넣어주면 됩니다. "l.. 2022. 9. 19.

[ERROR] VSCODE : 맥북 Prettier 설정 오류 해결 방법 (+윈도우) 안녕하세요! 이번 시간에는 vscode 확장팩 중 코드 정렬을 자동으로 설정해주는 Prettier 설정하는 방법에 대해 알아보겠습니다. 🧐 1. 먼저 vscode에서 아래의 확장팩을 설치해주세요! 2. 설치가 끝난 후 오른쪽 하단 설정(settings)에 들어가서 'editor format on save'를 검색합니다. 다음 화면에 나오는 것처럼 체크박스를 클릭해주면 됩니다. 그 다음 정렬이 되는 지 확인하기 위해 html 아무 문서로 들어가 cmd + s (윈도우 에서는 ctrl + s)를 눌러줍니다. 정렬이 자동으로 된다면 완료입니다👍 💡 만약 체크를 해도 실행이 되지 않는 경우! 어라라? 체크하고 다시 껐다 켜도 실행이 되지 않는 경우에는 다음과 같은 코드를 추가적으로 입력하시면 됩니다. 1. 먼저.. 2022. 9. 5.

이전 1 다음

728x90

Lucky Charms Rainbow

JAVASCRIPT

html

HTML

css

CSS

티스토리툴바