Rumah > alat pembangunan > sublime > teks badan

Sublime text3配置LiveReload插件

angryTom
Lepaskan: 2019-10-14 16:34:54
ke hadapan
3330 orang telah melayarinya

下面由sublime教程栏目给大家介绍Sublime Text3 配置安装livereload插件方法,希望对需要的朋友有所帮助!

Sublime text3配置LiveReload插件

在我们编写前端代码时,常规操作是在编辑器写完代码保存,再到浏览器刷新显示,过程很是繁琐,今天介绍这款sublime text3的插件将提高我们的开发效率,它就是LiveReload。

Tip
LiveReload是很棒的插件,可以在浏览器中实时预览,但是在Sublime text3里,从Package Control中安装的LiveReload是无法使用的,但是可以选择手动安装解决。

LiveReload插件下载

Sublime端

Github上的LiveReload for Sublime text3的地址:https://github.com/Grafikart/ST3-LiveReload,两种方式安装:

方法一:

选择DownloadZip,将解压的文件夹放在Packages文件夹(Preference>Browse Packags)重启ST3

方法二:

直接clone到Packages文件夹。

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

浏览器端

我用的是chrome,在应用商店可以直接找到LiveReload,安装

安装之后会出现这个图标。Snipaste_2019-10-14_11-16-12.png

配置

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

实时预览

把html文件在浏览器中打开,点击一次图标中间的圆环变成原点就代表可以实时预览了。
ST3中的文件保存一次,浏览器就会刷新一次,实时预览,很方便!

Atas ialah kandungan terperinci Sublime text3配置LiveReload插件. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:cnblogs.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!