Atom编辑器折腾记_(11)编辑器实时预览HTML页面(插件:Atom HTML Preview)

本文介绍了如何在Atom编辑器中使用Atom HTML Preview插件进行HTML页面的实时预览,包括插件的功能、安装方法、快捷键设置以及预览效果。通过设置CTRL + F12作为快捷键,可以避免与其他内置插件冲突,实现快速预览。测试显示,该插件能正确预览包括CSS CDN在内的内容。
摘要由CSDN通过智能技术生成

为何寻找

每次预览HTML页面,都需要打开各种浏览器;哪怕不是调试,只是为了查看下效果;
切换来切换去,各种刷新,感觉有些浪费时间;以前用过DW的实时预览,感觉这个功能很赞;
又踏上了atom插件仓库慢慢寻找之路…

插件:atom-html-preview

官方描述:A live preview tool for Atom Editor.
简言之:Atom编辑器内实时预览的工具

获取方式

  1. 通过命令行安装
  • apm install atom-html-preview
  1. 通过编辑器内部的install搜索atom-html-preview 安装

使用方式及效果

快捷键

  • 默认快捷键 : CTRL + P 调用 ,会和内置核心插件冲突(切换文件那个) — 非常不好
  • 修改版快捷键: CTRL + F12(感觉方便使用且没有冲突的快捷键)
#实时浏览器调用快捷键
'atom-text-editor':
  'ctrl-F12':'atom-html-pr
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

crper

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值