31
Sublime Text 2 편집기가 실시간 HTML & CSS 미리보기를 지원합니까?Sublime Text 2 편집기가 실시간 HTML 및 CSS 미리보기를 지원합니까?
A
답변
0
라이브 HTML과 함께 Sublime을 사용하는 가장 쉬운 방법을 발견했으며 CSS는 WAMP (www.wampserver.com/en/) 또는 XAMPP (www.apachefriends.org/en/xampp.html)를 설치하여 컴퓨터의 Apache 웹 서버, PHP 및 MySQL 서버. 그런 다음 당신은 숭고하고, 아파치 웹 루트 폴더 (나는 그 wamp/htdocs 또는 xampp/htdocs 믿을) 내에 위치하는 한 당신의 파일을 편집 할 수 있습니다 다음 localhost에 갈 수// filename.html 귀하의 html로 파일. Sublime으로 저장하고 페이지를 새로 고침하면 변경 사항이 있습니다.
Chrome 또는 Firefox에서 html 파일을 열어도 Open With ...를 선택하면 동적 콘텐츠 나 링크가있는 경우 제대로 작동하지 않을 때가 있습니다.
+2
정보 주셔서 감사합니다. 사실,이 과정을 수행 한 후에 텍스트 편집기에서 브라우저로 전환하고 F5를 눌러 웹 페이지를 새로 고치려면 "Alt + Tab"을 눌러야하는 "필요"가 여전히 있습니다. 내가 알고 싶은 것은 Html & CSS를 코딩하는 동안, Sublime Text 2 Editor가 인접한 윈도우에서 실시간으로 미리보기를 할 수 있는지 여부입니다. – user1528138
+0
나는 Sublime 안에 브라우저가 있다고 믿지 않지만, 그들이 가지고있는 패키지가 많을수록 앞으로도있을 것입니다. Builds를 사용하여 다른 브라우저에서 작업을 미리 보는 방법에 대한이 비디오를 찾았습니다. 희망이 도움이됩니다. http://www.youtube.com/watch?v=u8ufaPD-AnQ – koerbcm
40
Giovanni Collazo의 Browser Refresh 패키지가 있습니다. OS X 및 Windows 7 및 모든 주요 브라우저를 지원합니다.
당신은 (수동 또는) 패키지 제어를 통해 설치하고 나는이 기능을 CodeKit을 사용하기 때문에 제가 개인적으로 그것을 테스트하지 않은 2
숭고한 텍스트에 super+shift+r와 트리거,하지만 인기 보인다 수 있습니다.
업데이트 :
윈도우 XP 호환 소프트웨어
- LiveReload (Windows 버전은 사전 알파입니다) -도 지원 Sublime Text 2 package
- XRefresh이 -되지 LiveReload 버전 (안정적인 XP 호환성을 언급 할 가치가 있음)
- AutoHotKey-example
- VBS script은 - 키보드 단축키로
크롬 확장
파이어 폭스 애드온
IE의 애드온
참고 : 파일을 저장할 때 브라우저 확장, 정기적으로하지 새로 고쳐집니다.
+0
감사합니다. 하지만 현재, 그것은 Mac 전용이고 Windows xp에 있습니다. – user1528138
+0
어떤 브라우저를 사용하십니까? (이후의 모든 독자를 위해, 플러그인 *은 Windows 7과 호환됩니다.) – Sara
+1
일부 Windows XP 호환 대안으로 내 대답을 업데이트했습니다. 그 중 하나가 도움이 될 것입니다. – Sara
관련 문제
- 1. Xdebug Sublime Text 2
- 2. Sublime Text 2 - plugin
- 3. Python 3.1 및 Sublime Text 2 오류
- 4. Sublime Text 2 구문 특정 강조 표시
- 5. Sublime Text 2, Sublimelint, 문제 요약
- 6. Sublime Text * .handlebars.coffee를 HTML 파일로 엽니 다.
- 7. Sublime Text 2 FileTemplates 플러그인이 작동하지 않습니다.
- 8. Sublime Text 2 - 플러그인에 대한 '설치'옵션이 없습니다.
- 9. rcov와 Sublime Text 2 Ruby 테스트 통합
- 10. Sublime Text 2 Plugin에서 커서/포인트 이동하기
- 11. Sublime Text 2 키 설정이 선 부호화 설정을 덮어 씁니다.
- 12. Sublime Text 2에서 XML 코드 힌트/완성을 지원합니까?
- 13. Sublime Text 2 설정 생성시 사용 가능한 언어/구문은 무엇입니까?
- 14. Sublime Text 2 RegEx n을 n + 1로 대체
- 15. Sublime Text 2 자동 완성 팝업이 제대로 작동하지 않습니다.
- 16. Sublime Text 2 플러그인이 Command Platte에 표시되지 않습니다
- 17. Sublime Text 2의 Autocomplete R
- 18. Zen은 .php 확장자로 Sublime Text 2로 코딩합니다.
- 19. HTML + CSS + javascript를 사용하는 SQL 편집기가 있습니까?
- 20. Github의 구문 강조를 기반으로 Sublime Text 2 색 구성표가 있습니까?
- 21. Sublime Text 2 스 니펫에서 완료 메뉴를 실행하려면 어떻게해야합니까?
- 22. Sublime Text 2 PlugIn (MySQLdb) 용 모듈 추가
- 23. Sublime Text 2 상태 표시 줄의 글꼴 크기를 늘리시겠습니까?
- 24. javascript/jQuery로 스크롤하는 것과 같은 "Sublime Text 2"
- 25. Sublime Text 2 대용량 파일 용 플러그인을 느리게 비활성화 하시겠습니까?
- 26. "Sublime 2 Text"에서 Aptana/SVN 프로젝트를 여는 방법
- 27. Sublime Text 2 : Objective-C 스코프 선택자의 이름
- 28. C 정규 표현식이 미리보기를 지원합니까?
- 29. Sublime Text 2에서 HTML 속성을 자동 완성하는 방법이 있습니까?
- 30. SubLime Text 2에 tmlanguage 파일을로드하는 방법은 무엇입니까?
>>> [내 대답을보세요] (http://stackoverflow.com/questions/19985105/does-sublime-text-support-live-editing-of-css-sass-files/22754714# 22754714) (OSX에만 해당) –
숭고한 텍스트에 ** 실시간으로 HTML과 CSS 미리보기가 완벽하게 통합되어 있다면 [LIVEditor] (http://liveditor.com)를 개발하지 못했을 것입니다. –