제목 | LiveReload 좋아요 | ||
---|---|---|---|
글쓴이 | 온더탑 | 작성시각 | 2014/08/02 05:41:17 |
|
|||
사용하면 정말 편한 LiveReload입니다. 기능 : 파일을 수정하면 브라우저가 새로고침 됩니다.(F5에서 자유로워 집니다) 저같은 경우는 sublime text3로 작업하고 sftp설정에 "upload_on_save": true 설정해 놨습니다. 저장하면서 바로 서버로 업로드가 되고 브라우저가 새로고침 됩니다. 설치 : -팩키지 인스톨에서 LiveReload설치 -LiveReload 서버 프로그램 http://feedback.livereload.com/knowledgebase/articles/67441-how-do-i-start-using-livereload- -브라우저 익스텐션 설치 http://feedback.livereload.com/knowledgebase/articles/86242-how-do-i-install-and-use-the-browser-extensions- 실행: 1. LIVERELOAD 프로그램에서 +add 누르고 로컬 프로젝트 폴더를 설정합니다. 2. 브라우저 익스텐션 설치 후 브라우저의 우측에 원형 나침반 같은게 생깁니다. 해당 서클을 클릭하면 원안에 동그라미가 활성화 됩니다(연결상태) 3. 소스를 수정하면 페이지가 리로드 되는지 확인하시면 됩니다. ps: 크롬에서 extension 설치시 자주 LiveReload 서버가 죽어버립니다. 사파리에서는 잘 작동합니다. |
|||
다음글 | 함수 전달 인자를 유연하게 처리 할 수 함수 예제 (3) | ||
이전글 | 뭐..팁이라고 하긴 좀 그렇구요.. (5) | ||
변종원(웅파)
/
2014/08/02 22:20:53 /
추천
0
|
온더탑
/
2014/08/02 23:32:01 /
추천
0
LiveReload 서버 프로그램을 설치한 자기 컴퓨터의 브라우저만 리로딩 되는거 같아요.
LiveReload 서버 프로그램 설정할때 작업 폴더를 선택하게 되어 있는데 아마 파일이 수정되는지 보고 있다가 브라우저를 리로딩하는 방식 같습니다. |
변종원(웅파)
/
2014/08/03 22:06:05 /
추천
0
로컬에서 개발할때 유용하겠네요. ^^
|
코드이그
/
2014/08/05 13:24:29 /
추천
0
감사합니다 ^^
|
아니면 접속된 사용자 모두? ^^