Atom 편집기에서 HTML 페이지 실시간 미리 보기
1003 단어 Atom
왜 찾습니까
HTML 페이지를 미리 볼 때마다 다양한 브라우저를 열어야 합니다.디버깅이 아니더라도 효과를 보기 위해서;왔다 갔다 하며 여러 가지 리셋을 하니 시간이 좀 낭비되는 것 같다.예전에 DW의 실시간 미리보기를 사용해 봤는데 이 기능이 짱인 것 같아요.또 아톰 플러그인 창고에 올라 천천히 찾는 길...
플러그인:atom-html-preview
공식 설명: A live preview tool for Atom Editor.요약: Atom 편집기에서 실시간으로 미리 볼 수 있는 도구
획득 방법
1. 명령줄을 통해 설치
apm install atom-html-preview
2. 편집기 내부 설치 검색
atom-html-preview
을 통해 설치사용 방법 및 효과
단축키
CTRL + P
호출, 내장된 핵심 플러그인과 충돌(파일 전환 그것) - 매우 좋지 않음CTRL + F12
(사용하기 편하고 충돌이 없는 단축키) #
'atom-text-editor':
'ctrl-F12':'atom-html-preview:toggle'
Tips
키맵에 적힌 권한이 가장 높은...비교적 새로운 버전의 tom에는 Dev Live Reload라는 플러그인이 내장되어 있다.
이 플러그인의 역할은 모든 스타일과 규칙을 다시 불러오는 것입니다. 약간 linux의source xx와 유사합니다.sh처럼...즉시 적용 호출 단축키는
CTRL + SHIFT + ALT +R
물론, Tom을 닫고 Tom 편집기를 켜도 모든 스타일 규칙을 다시 불러오는 효과가 있습니다.