본문 바로가기

Editor

7개의 포스트
vscode 단축기 정리

Useful Shortcuts (Only for macOS) Preferences cmd + , # Open settings cmd + shift + t # Open settings.json cmd + K + cmd + S # Open keyboard shortcuts Display cmd + shift + e # 탐색기 열기 (Side Bar) cmd + shift + d # 디버그 열기 (Side Bar) cmd + shift + f # 검색 열기 (Side Bar) cmd + shift + x # Extension 열기 (Side Bar) cmd + b # Side bar 활성/비활성 cmd + shift + u # Output 열기 (Panels) ctrl + ` # Panels 활성/비활성 cm..

2017년 05월 29일
비주얼 스튜디오 코드(VS Code) MarkDown 스타일 설정

비주얼 스튜디오 코드에서 코딩할 때 다크테마로 세팅 해서 쓰다 보니 마크다운 프리뷰 보기에서도 다크테마로 적용되어 다소 가독성이 떨어지는 것 같아서 라이트 테마로 한 번 설정해 보았습니다. 일단 깃허브 마크다운 스타일 파일과, 리셋 스타일 아래 파일을 다운받습니다. 그리고 File > Preferences > Settings (Code > Preferences > Settings on Mac) settings.json 파일을 열어 아래 코드를 추가 합니다. (저 같은 경우 settings.json파일이 위치한 경로에 마크다운 스타일 파일을 넣어 두었습니다.) "markdown.styles": [ "/Users/ho/Library/Application Support/Code/User/github-markd..

2017년 05월 27일
Sublime Text (서브라임텍스트) 윈도우 탐색기 Context menu 생성 아이콘 추가

윈도우7 64비트 기준 Program Files (x86) 이부분은 자신의 서브라임텍스트에 맞는 경로로 변경후에 아래 텍스트를 저장 후 확장자를 reg로 변경후 더블클릭 해서 추가 Windows Registry Editor Version 5.00 ; Open files [HKEY_CLASSES_ROOT\*\shell\Open with Sublime Text 2] @="Edit with Sublime Text 2" "Icon"="C:\\Program Files (x86)\\Sublime Text 2\\sublime_text.exe,0" [HKEY_CLASSES_ROOT\*\shell\Open with Sublime Text 2\command] @="\"C:\\Program Files (x86)\\Subli..

2014년 10월 22일
코딩용 폰트 - Consolas + 맑은고딕 폰트

윈도우에서 크롬 개발자 도구는 기본적으로 Consolas 폰트를 사용하고 있네요. 윈도우 경로 %AppData%..\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css 맥OS 경로 ~/Library/Application Support/Google/Chrome/Default/Custom.css /* Keep .platform-mac to make the rule more specific than the general one above. */ /* 윈도우 */ body.platform-windows .monospace, body.platform-windows .source-code { font-size: 12px !important; font..

2014년 06월 01일
Sublime Text (서브라임텍스트) emmet (젠코딩) CSS 입력시 공백 제거

해당 경로의 파일을 열어 190 번째줄 아래 소스에서 “: “사이의 공백을 제거 하면 CSS자동 완성 기능에서 불필요한 공백이 없어집니다. C:\Users\Administrator\AppData\Roaming\Sublime Text 2\Packages\CSS\css_completions.py for p in self.props: if add_colon: l.append((p, p + ":")) //여기 공백을 지운다 else: l.append((p, p)) return (l, sublime.INHIBIT_WORD_COMPLETIONS) 설정하기 Preferences > Package Settings > Emmet > Settings-User 아래와 같이 입력해주면 된다. { "preferences": {..

2014년 06월 01일
Sublime Text (서브라임텍스트) 자주 사용하는 단축키

ㅇ Split Screen - 스크린 분할도 가로, 세로 다양하게 지원합니다. . [Shift + Alt + 1] : 1개 스크린 . [Shift + Alt + 2] : 2개 컬럼의 스크린 . [Shift + Alt + 3] : 3개 컬럼의 스크린 . [Shift + Alt + 4] : 4개 컬럼의 스크린 . [Shift + Alt + 5] : 4개 그리드의 스크린 . [Shift + Alt + 8] : 2개 로우의 스크린 . [Shift + Alt + 9] : 3개 로우의 스크린 - 스크린 내에서의 탭 이동은 [Ctrl + Tab], 스크린간의 이동은 [Ctrl + 1, 2, 3, 4] ㅇ 개인적으로 자주 사용하는 단축키를 정리해 봅니다. - 전체 화면 : [f11] - 한줄 주석/취소 : [Ctrl ..

2013년 12월 27일
Editplus 자주 사용하는 기능들

1) 기본설정에서일반 > html태그를 소문자로 입력 (전 소문자로 하거든요) Home키를 누르면 첫 비공백문자로 이동 (이게 의외로 편해요. 우리 코딩할때 TAB이나 SPACE로 자리이동하잖아요... 그럼 그 위치에서 HOME를 누르면 젤 앞으로 가거든요. 공백문자까지 인식해서 앞으로 갈 필요는 없으니까.. 체크해두면 좋죵.) Internet Explorer 5에서 Editplus설정 (이것도 체크해두면 소스보기할때 편하지요~~) 2) 파일 >설정및 구문강조 탭들여쓰기는 4로 설정 칸표식은... 이걸 선택후 4,8,12,16, 값을 입력해주면... 에디터에 줄이 생기지요. 소스 줄맞추기 좋죠.. 이 기능은 모르시는 분들이 많더라구요. ㅡㅡ; 이 기능을 쓰는 저를 보고 다른 개발자들은 편집증 환자 같다고..

2013년 04월 04일