본문 바로가기

ETC/Visual Studio Code5

[VSC] 유용한! 말고 귀여운 확장팩 추천 - VS CODE PETS 여기저기 유용한 확장팩은 많으니 나는 귀여운 확장팩을 소개해야지~ VS CODE PETS 그럼 이렇게 VSC 안에서 PETS 을 만날 수 있습니다 ㅎㅎ 저는 여우 고양이 강아지만 해두었는데 PET 종류도 많아서 다른 친구들도 불러올 수 있답니다 다들 다운받으세요! 저는 멍하니 힐링되더라고요! 2023. 3. 3.
[VSC] Trailing white space 체크하기 Trailing white space 탭과 스페이스바로 만들어지는 공백 문자를 의미하는데 코드에 이런게 있다보면 추후 버전 컨트롤 시스템 등에서 의도하지 않은 의미 없는 변경 사항이 발생할 수 있기에 소스에 포함되지 않도록 주의해야한다. 하지만 습관적으로 자꾸 스페이스바를 치는 나는 VSC 에서 Trailing white space 에 체크를 해두었다.. 코드 리뷰를 받으며 오늘로 두번째 피드백 받았다... 설정에 들어가 부분을 체크해두면 저절로 trimming 됩니다~ ctrl+shift+p → trim trailing whitespace 검색 후 설정 2023. 2. 2.
[VSC] Sass CSS 컴파일하기 (Live Sass Compiler) cmd 창에서 한참을 일괄 트랜스파일링이 안되서 이거저거 해보았는데 (결국 폴더 경로의 문제였지만) 찾아보다 보니 VSC 에 역시나 확장 프로그램이 있었다. VSC 최고 방법 1. Extensions(shift + ctrl + x)에서 Live Sass Compiler를 설치한다. 2. settings.json 파일에 SASS 컴파일러 설정을 추가한다. SASS 컴파일러 설정 "liveSassCompile.settings.formats":[ // 기본설정 { "format" : "expanded", "extensionName" : ".css", "savePath": "/폴더명/폴더명1/css" }, // 추가하여 작성가능 { "format" : "compressed", "extensionName" : ".. 2023. 1. 11.
[VSC] Go live 브라우저 변경하기 (크롬, 엣지 등등) 1. 확장 탭에서 ' open in browser' 검색하여 다운로드 받기 2. 톱니바퀴를 눌러서 '확장설정' 클릭 3. open-in-browser :Default 에 본인이 디폴트로 열고자 하는 브라우저 입력 4. 파일명 위에서 우클릭 'Open in Default Browser' 선택! 하면 설정한 브라우저로 열린다~ 2022. 12. 30.