Sublime text3은 LiveReload 플러그인을 구성합니다.

다음 칼럼에서는 sublime tutorial 칼럼에서 소개한 Sublime Text3 구성 및 livereload 플러그인 방법을 소개하겠습니다. 필요한 친구들에게 도움이 되길 바랍니다!

프론트엔드 코드를 작성할 때 일반적인 작업은 코드를 편집기에서 작성한 후 저장한 다음 브라우저에서 화면을 새로 고치는 것입니다. 오늘 소개하는 과정은 매우 번거롭습니다. 개발 효율성을 향상시켜 줄 이 숭고한 text3 플러그인은 LiveReload입니다.

Tip:
LiveReload는 브라우저에서 실시간으로 미리 볼 수 있는 훌륭한 플러그인이지만 Sublime text3에서는 Package Control에서 설치된 LiveReload를 사용할 수 없으며 수동으로 설치하도록 선택할 수 있습니다.

LiveReload 플러그인 다운로드

Sublime side

Github의 Sublime text3용 LiveReload 주소: https://github.com/Grafikart/ST3-LiveReload, 설치 방법 두 가지:

방법 1:

DownloadZip을 선택하고 압축이 풀린 폴더를 패키지 폴더(기본 설정>패키지 찾아보기)에 넣은 다음 ST3

방법 2:

패키지 폴더에 직접 복제합니다.

//适用于Linux  OSX  
//Windows可以通过Git操作
//进入Packages目录下
rm -rf LiveReload  
git clone https://github.com/Grafikart/ST3-LiveReload.git LiveReload

브라우저 측

저는 크롬을 사용하는데, 앱스토어에서 LiveReload를 직접 찾아서 설치하시면 됩니다.

설치 후 이 아이콘이 나타납니다.

Configuration

1. ctrl+shift+p
2. LiveReload: Enable/disable plugins
3. Enable - SimpleReload

실시간 미리보기

브라우저에서 html 파일을 열고 한 번 클릭하면 아이콘 중앙의 링이 원점으로 변경되어 미리보기가 가능합니다. 실시간으로 말이죠.
ST3의 파일이 저장되면 브라우저가 실시간으로 새로고침되고 미리보기되므로 매우 편리합니다!

위 내용은 Sublime text3은 LiveReload 플러그인을 구성합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!