Tool/Visual Studio Code4 vscode 확장 프로그램 추천 :: Live Server vscode에는 현재 작성중인 소스를 쉽게 확인할 수 있는 Live Server라는 확장 프로그램을 제공한다. 매우매우 좋다! 소스 수정 후 톰캣 같은 웹서버를 동작시킬 필요도 없이 라이브서버 하나로 바로 확인이 가능하기 때문이다. vscode 윈도우 기준 Ctrl+Shift+X 확장 프로그램 마켓 플레이스를 열어준 후 live server를 검색한다. 최상단에 검색된 항목으로 설치해주면 끝난다. 구동하고자 하는 소스 마우스 오른쪽 클릭 후 Open with Live Server를 눌러주면 바로 실행된다! Alt+L+O 키를 눌러서 실행해주고 Alt+L+C키를 눌러서 종료도 가능하다. 소스를 빠르게 확인 가능하다 정말 유용한 확장 툴인것 같다. 만약 기본 브라우저랑 라이브서버 구동 시 실행되는 브라우저를.. 2022. 2. 24. vscode 확장 프로그램 아이콘 테마 추천 :: Material Icon Theme 테마에 이어 아이콘 테마도 추가로 설치해보았다.사실 아이콘 테마는 굳이 설치를 안해도 되지만~ 보는 맛이 또 있으니.. 설치해보았다.왼쪽 explorer 파일들을 보면 기본적으로 아이콘들이 설정되어 있긴하다. 윈도우 기준 Ctrl+Shift+X 키를 눌러 확장 프로그램 마켓플레이스를 열고Material Icon Theme 입력 후 검색하면 최상단에 조회가 된다.설치 후 우측 하단에 Activate 알림 창이 뜨는데 활성화를 시켜주면 반영된다. 왼쪽 explorer 파일의 아이콘들이 변경되었다.Ctrl+Shift+P를 눌러 command 창을 열어준 후 material icons라고 검색하면컬러나 투명도 등을 커스터마이징 할 수 있는것 같다.하지만 나는 기본 설정을 사용하기로 했다. 2022. 2. 23. vscode 확장 프로그램 테마 추천 :: Night Owl vscode를 다시 설치하고 추천받은 테마로 변경해 보았다. 테마 중에선 나름 인기가 많은 테마인것 같다 먼저 테마 적용 전의 vscode 기본 테마이다. 다크모드라 그런지 나쁘진않다. 윈도우 기준 Ctrl+Shift+X 눌러서 확장 프로그램 마켓플레이스를 켜준 후 Night Owl을 검색하면 최상단에 보인다. night owl 테마 적용 후의 vscode이다. 배경이 일단 퍼런색으로 바뀌었고, 그래서 그런지 모르겠지만 소스코드가 뭔가 눈에 확 들어온다. 2022. 2. 22. Visual Studio Code live server 기본 브라우저 chrome으로 설정하기 기본 브라우저가 IE일 경우 live server open 시에도 IE로 열림 live server 브라우저를 기본 브라우저와 상관없이 변경 가능 * Window OS 기준 File - Preferences - Settings 클릭 live server config 검색하거나 Extensions - Live Server Config 클릭 스크롤 1/3 지점의 Live Server > Settings: Custom Brower에서 원하는 브라우저로 변경 2021. 1. 14. 이전 1 다음
