반응형 개발 환경세팅/VisualStudioCode4 VSC에서 MarkDown(.md)파일 렌더링 결과 미리보기 VisualStudioCode에서 MarkDown파일 Preview여는 4가지 방법방법 1: 단축키 사용 (가장 빠름)파일을 열고 아래 단축키 입력Mac: Shift + Cmd + VWindows: Ctrl + Shift + V현재 .md파일의 오른쪽에 미리보기 창이 뜨고, 마크다운 렌더링된 결과를 보여줌방법 2: 오른쪽 상단 아이콘 혹은 우클릭 OpenPreview아래 두 가지중에 하나를 선택해서 적용 README.md 파일을 열고 우측 위에 미리보기 아이콘 클릭 REAME.md 파일을 열고 파일 우클릭하고 OpenPrewview 탭 클릭방법 3: Command Palette로 열기 CMD 창에 아래 단축키 입력 Mac: Shift + Cmd + P, Windows: Ctrl + Shif.. 2025. 4. 11. VisualStudioCode에서 이모지 저장 및 사용 📝 VSC에서 Commit할 때 편하게 이모지 사용하기커밋 메시지 작성 시 템플릿과 이모지를 자동 완성하기 위한 Commit Message Editor 설정 예시1. settings.json에 추가할 설정 코드1. F1을 누르고 사용자 설정 열기(json)에 들어가 아래 설정 코드와 같이 작성설정 코드 보기"commit-message-editor.dynamicTemplate": [ "{emogi} {type}{scope}: {description}", "", "{body}", "", "{breaking_change}{footer}"],"commit-message-editor.tokens": [ { "label": "Type", "name": "type", "type": "en.. 2025. 4. 8. [VSC] 개발자 VisualStudioCode 확장 프로그램 추천 비쥬얼 스튜디오 코드_VSC(VisualStudioCode)에서 추천하는 확장 프로그램(extension)vscode는 여러가지 extension들을 통해서 쉽고 빠르게 커스터마이징하여 개발에 여러 도움을 받을 수 있다.아래는 알고있으면 유용하게 사용가능한 extension이다. Eslintjavascript library인 Eslint와 vscode를 연결해준다.ESLint는 코드 포맷팅/품질 정적 분석 도구이다.타입을 명시하지 않았다던가, 지역변수를 선언해놓고 사용하지 않는 등 개발할 때 발생할 수 있는 실수들을 미리 지적해주는 역할이다.주로 코드 품질 관리를 위해서 사용하고, 포맷팅은 Prettier로 처리한다.https://eslint.org/ Find and fix problems in your.. 2023. 6. 30. [VSC] VisualStudioCode에서 Prettier 적용하기 비쥬얼 스튜디오 코드_VSC(VisualStudioCode)에서 Prettier 적용하기 1. 확장(Extension)에서 prettier를 검색한다. 2. ctrl + ,로 설정을 켜주거나 좌측 상단에 파일 -> 기본설정 -> 설정을 클릭하여 설정화면으로 넘어간다. 3. format on save를 검색 후 아래 사진처럼 Format On Save를 체크해준다. 4. Default Formatter를 검색 후 아래 사진처럼 Prettier를 선택해준다. 2023. 6. 29. 이전 1 다음 반응형
