Atom 编辑器实时预览 HTML 页面经典方法

82274551

2020-01-08

关注关注

为什么需要这样一个工具？

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

插件:atom-html-preview

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

安装方法

命令行安装：.atom/packages 下执行：apm install atom-html-preview
页面安装：Atom->Preferences->install中搜索：atom-html-preview

快捷键：

? Press CTRL-SHIFT-H in the editor to open the preview pane

Atom 编辑器实时预览 HTML 页面经典方法

atom 编辑器

82274551

0 关注 0 粉丝 0 动态

关注关注

代码编辑器选择Atom还是VScode？

工欲善其事必先利其器嘛，写代码总得有一个好的代码编辑器。像我来说，用不着IDE，C++用VisualStudio写还不够费劲的呢！写个代码配置五分钟，写就一会，这种情况下，微软就来方案了，发布了VScode。还有，Github公司旗下开发了一个Atom，也

Yuezhilv 2020-04-25

Atom配置（VIM党） · iuunhao

为什么说是Vim党呢？首先我是一个深度的Vim用户，自己的电脑上基本上可以兼容Vim的插件都有，所有浏览器，所有编辑器都是Vim的操作方式，当然包括我现在书写的markdown的软件EME也是兼容的Vim的操作。自从4年前，一次偶尔的机会接触到了Vim这款

85221348 2020-02-09

LAMMPS遇见的问题以及解决方法----持续更新

1、ERROR: Invalid atom type in neighbor exclusion list ，遇到这个错误从LAMMPS官网错误中我们发现这是因为：Atom types must range from 1 to Ntypes inclusi

ciscoccie00 2019-12-19

Ubuntu 18.04安装Atom以及中文版设置

Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器。除了基本的操作和界面外，Atom 和 Sublime 最大的差别在于扩展性。Atom 非常强调模块化，很多默认功能也都是开源的模块。自带友好的模块管理界面，相比之下 Sublime 需要自

hahahd0 2019-03-29

不支持Win10创意者更新的Intel Atom处理器汇总

Windows 10创意者更新已经发布，目前的升级方式包括使用Windows 10易升、官方临时链接和MSDNITELLYOU的直链。不过，微软已经给出警告，Intel Clover Trail家族的处理器暂时不支持Windows 10创意者更新，万勿升级

upholdjx 2017-04-05

判断程序实例是否已经运行的N种方法（判断窗口已经运行）

对于某些情况，我们可以通过判断窗口是否正在运行来保证只有一个程序实例运行。

永不妥协 2010-10-19

RSS标准混乱，哪种RSS解析组件工具最适合解析RSS

针对目前市场流行的RSS格式很多。RSS 1.0和 2.0 格式所包含的核心信息相同，但其结构不一样。rss 还包含一个强制版本属性用以表示所用的RSS的准确格式。另一个主要差别是 RSS 1.0 文档有名字空间限定，RSS 2.0 的文档就没有。不管怎样

zhuchenghaoma 2012-02-07

Erlang bytecode

yufeng在一篇文章中提到可以从erlang源码生成中间码，下来想想对理解VM的机制是大有帮助的，记一下，在此，对yufeng在Erlang方面的丰功伟绩表示感谢。

ciscoccie00 2010-02-10

Ajax http406

<property name="favorPathExtension" value="false" />. <property name="ignoreAcceptHeader"

heimeiyingwang 2015-07-28

Mule ESB 学习笔记（18）Mule和ATOM的整合

<?xml version="1.0" encoding="UTF-8"?>. <file:inbound-endpoint path="/e:/upload/data" po

zhuchenghaoma 2013-08-27

Arch,Manjaro系统中Atom不能删除文件.提示gvfs-trash...

在archlinux或者是manjaro中,atom删除文件提示 gvfs_trash not install ?$ ELECTRON_TRASH=kioclient5atom At the time of writing, Electronsupport

zhujuyu 2019-06-28

开始开发atom插件（并无系列）

atom高级用法？？？除了自定义功能基本没啥好玩，抱着装逼的想法，搜了一波atom插件入门，发现说得太迷糊，然后打开了官网的插件文档，细细的阅读起来，凭着蹩脚的英语水平也算看懂了大概，索性就翻译下来，希望凭着自己的理解，能写得更通俗。让有心人能看懂官方模版

永不妥协 2019-06-28

Atom js-hyperclick 支持自定义路径（webpack resolve alias）

为毛要单独写这个东西不得不说 hyperclick 是的了不起的插件，提供了一系列的 Provider 让插件的作者们能够执行文件跳转，不过这个包并不限定语言，只是提供了最底层的一些封装，所以就有了 js-hyperclick 这个好东西。好东西虽然是好东

永不妥协 2019-06-27

Atom一个跨平台文本编辑器

Atom 是github专门为程序员推出的一个跨平台文本编辑器。文件太大时容易卡死，但是目前对于我们前端开发的项目还是完全可以支撑的，打开项目快的简直要飞起来（相比之前使用webstorm而言，个人不太喜欢sublime。安装以下一些插件后，使用起来非常酷

ciscoccie00 2019-06-27

atom 使用笔记

atom-async同步设置使用atom编辑Markdown文件，实时预览atom编辑器是自带一个markdown-preview的插件，但是功能比较单一，所以我们可以下载一个markdown-preview-plus插件，打开setting->in

tenvainvi 2019-06-27

VS Code、ATOM这些开源文本编辑器的代码实现中有哪些奇技淫巧？

研究 V8 比较多，也关注了一下 vscode 和 atom 的性能，每次 vscode、atom 的 change log 我都会看一遍。印象最深的是 vscode 1.14 的一次更新日志，doApplyEdits Lines inserted usi

永不妥协 2019-06-27

前端 atom 插件必备,让你写代码如虎添翼

atom是github出的一款编辑器，漂亮的界面，丰富的扩展性深受特别是前端程序员的喜爱，如今越来越火，那么我们来看看必备的插件，让你如虎添翼。1 语法支持atom-chs-menu language-babel language-postcss 2

hahahd0 2019-06-27

如何从0开发一个Atom组件

规划首先，我们确定了需求，要通过可以直接copy文件，然后在Atom中paste即可完成上传的操作。确定了以后，我们就要开始搬砖了。我们先去翻看Atom的官方文档，查看关于创建插件相关的操作：首先我们在Atom中打开命令面板，然后输入Generate Pa

Yuezhilv 2019-06-27

使用 Atom 编辑 Markdown，用上 Segmenfault 的 css 样式

xiongweiwei00 2019-06-27

atom 安装 xdebug 调试 php 代码

堆栈跟踪代码覆盖率分析垃圾收集统计远程调试其中最有用的功能就属远程调试了，下面就一步步来搭建xdebug。从sublime转到atom后，发现atom对xdebug并不原生支持，花了半天时间，总算完成了xdebug环境的搭建。搭建步骤安装 xdebug 扩

zuixinyan 2019-06-26

安科网

Atom 编辑器实时预览 HTML 页面经典方法

82274551

为什么需要这样一个工具？

插件:atom-html-preview

安装方法

快捷键：

82274551

相关推荐

代码编辑器选择Atom还是VScode？

Atom配置（VIM党） · iuunhao

LAMMPS遇见的问题以及解决方法----持续更新

Ubuntu 18.04安装Atom以及中文版设置

不支持Win10创意者更新的Intel Atom处理器汇总

判断程序实例是否已经运行的N种方法（判断窗口已经运行）

RSS标准混乱，哪种RSS解析组件工具最适合解析RSS

Erlang bytecode

Ajax http406

Mule ESB 学习笔记（18）Mule和ATOM的整合

Arch,Manjaro系统中Atom不能删除文件.提示gvfs-trash...

开始开发atom插件（并无系列）

Atom js-hyperclick 支持自定义路径（webpack resolve alias）

Atom一个跨平台文本编辑器

atom 使用笔记

VS Code、ATOM这些开源文本编辑器的代码实现中有哪些奇技淫巧？

前端 atom 插件必备,让你写代码如虎添翼

如何从0开发一个Atom组件

使用 Atom 编辑 Markdown，用上 Segmenfault 的 css 样式

atom 安装 xdebug 调试 php 代码

82274551