박보희 개발코

안녕하세요.오늘은 vscode에 실시간 미리 보기 확장 프로그램에 대해 알아보겠습니다. vscode에 extensions: marketplace를 선택해 Live Server를 검색해주세요.그리고 install 버튼을 눌러 설치해주세요. 아래와 같이 install 버튼이 uninstall로 변경되면 HTML 파일로 돌아와주세요. HTML 파일에서 Live server 시작을 해보도록 하겠습니다.단축키를 사용하셔도 되고 마우스 클릭 버튼을 사용하셔도 됩니다. ㅡ 단축키 ㅡ window : alt + L → alt + Omac : command + L → command + O ㅡ 마우스 ㅡ마우스 오른쪽 클릭 후 Open with Live Server 를 클릭해주세요. 그럼 Live server에서 127.0..

안녕하세요. 지난번에 vscode에 power mode 기본 설정했던 것에 이어서 오늘은 사용자 설정하는 방법에 대해 알아보려고 합니다. 이 글을 먼저 보시는 분은 power mode 기본 설정 글을 먼저 참고해주세요. 2019/05/22 - [프로그래밍/vscode] - [vscode] 코드 power mode 설치, 설정법 + 기본 [vscode] 코드 power mode 설치, 설정법 + 기본 안녕하세요. ~ 개발할 때 지루함을 덜어주는 vscode 확장 프로그램 power mode 설치 및 설정법에 대해 알아보겠습니다. 먼저 vscode에서 power mode 확장 프로그램을 설치해주세요. 아래 사진과 같이 아이콘을 클.. boheeee.tistory.com vscode에 사용자 설정 코드 창을 ..

안녕하세요. 개발할 때 지루함을 덜어주는 vscode 확장 프로그램 power mode 설치 및 설정법에 대해 알아보겠습니다. 먼저 vscode에서 power mode 확장 프로그램을 설치해주세요. 아래 사진과 같이 아이콘을 클릭한 후 검색창에 Power Mode 를 검색해주시면 됩니다. 확장 프로그램을 설치한 후 사용자 설정을 해주셔야 합니다. window : 파일 → 기본 설정 → 설정 을 클릭해주세요. mac : Code → Preferences → Settings 을 클릭해주세요. 아래 사진과 같이 { } 아이콘을 클릭해주시면 사용자 설정 코드창이 나타납니다. 저는 vscode에서 테마와 탭 사이즈를 변경했기 때문에 미리 적혀진 코드가 있습니다. 코드에 아래와 같이 작성해주시면 power mode..