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 页面经典方法

: 82274551

相关推荐

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

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

Yuezhilv 0喜欢 / 0评论 2020-04-25

Atom配置（VIM党） · iuunhao

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

85221348 0喜欢 / 0评论 2020-02-09

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

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

ciscoccie00 0喜欢 / 0评论 2019-12-19

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

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

hahahd0 0喜欢 / 0评论 2019-03-29

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

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

upholdjx 0喜欢 / 0评论 2017-04-05

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

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

永不妥协 0喜欢 / 0评论 2010-10-19

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

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

zhuchenghaoma 0喜欢 / 0评论 2012-02-07

Erlang bytecode

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

ciscoccie00 0喜欢 / 0评论 2010-02-10

Ajax http406

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

heimeiyingwang 0喜欢 / 0评论 2015-07-28

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

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

zhuchenghaoma 0喜欢 / 0评论 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 0喜欢 / 0评论 2019-06-28

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

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

永不妥协 0喜欢 / 0评论 2019-06-28

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

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

永不妥协 0喜欢 / 0评论 2019-06-27

Atom一个跨平台文本编辑器

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

ciscoccie00 0喜欢 / 0评论 2019-06-27

atom 使用笔记

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

tenvainvi 0喜欢 / 0评论 2019-06-27

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

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

永不妥协 0喜欢 / 0评论 2019-06-27

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

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

hahahd0 0喜欢 / 0评论 2019-06-27

如何从0开发一个Atom组件

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

Yuezhilv 0喜欢 / 0评论 2019-06-27

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

xiongweiwei00 0喜欢 / 0评论 2019-06-27

atom 安装 xdebug 调试 php 代码

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

zuixinyan 0喜欢 / 0评论 2019-06-26

刚接触前端开发，如何选择编辑器以及几个Atom常用插件推荐

程序员圈子内的编辑器之争，已经是由来已久，把它作为一种文化现象来看，还蛮有意思的。程序员很多见面尬聊也很有可能会聊到彼此用什么语言，然后分别用什么编辑器。简单来说，这个话题是个打开话匣子的好工具，而且很有可能能从对方使用的编辑器上边分析出来对方的性格，阶级

WEB前端娃steiny 0喜欢 / 0评论 2019-06-26

mac命令行用sublime,vscode,atom打开目录或文件的方法

MAC 在命令行直接利用 sublime,vscode,atom，直接打开文件或者目录，能很高的提高开发效率。修改对应的shell配置文件，若你安装过oh_my_zsh,打开.zshrc文件，若你是默认没有修改过就开.bash_profile文件。如果退

87682715 0喜欢 / 0评论 2019-06-26

解决ATOM打开文件过大，导致AOTM卡死

作为ATOM的粉丝，实在是不能容忍AOTM，编辑的时候特别卡，之前版本还好，不怎么吃内存，自从跟新了过后，各种卡顿，各种死，打开任务管理器里面看看ATOM，居然有的ATOM.EXE能吃2g的内存，直接结束了，就不卡了，后期经过反复测试，操作如下：

永不妥协 0喜欢 / 0评论 2019-06-26

ATOM如何删除window边框,并且自定义样式

作为前段开发者的神器ATOM,个人觉得边框是真的丑,果断下插件进行删除window自带的边框，如图：1.asar3.首先去atom里面下载好,如果不会下载或者点击install没有用。如果你的自带删除window变宽可以删除那就可以忽略下边删除边框关闭AT

hahahd0 0喜欢 / 0评论 2019-06-26

atom 开发vue项目（windows）注意事项

原因：由于低版本node在编译之前用了es6新语法，不能识别修改build/dev-server.js 文件

82274551 0喜欢 / 0评论 2019-06-25

Clojure: atom vs agent vs ref

First atom, agent and ref are work for mutable state and threads.AtomIt is synchronous, and will retry when other thread change

zhuchenghaoma 0喜欢 / 0评论 2019-06-25

适用于芯片验证工程师的atom插件列表

适用人员我主要使用atom来写一些技术笔记或思考文章，其中会涉及包括Golang, C/C++, Python, Tcl, Verilog, SystemVerilog之类的语言。之前一直使用vim做为linux和windows下的编辑器。最近在倒腾gi

James0 0喜欢 / 0评论 2019-06-21

Ubuntu下使用Atom将Markdown文件转换为PDF的一个异常

把异常信息粘贴到百度上搜索，找了一个多小时也只找到Windows下的解决方案。Linux下的解决方案不是没有，而是要不然就错的，要不然就不完整。不得已只能翻墙，最后用谷歌终于找到一个来自于github上的解决方案，这个方案针对Linux系统。在atom中卸

WilliamDong 0喜欢 / 0评论 2019-06-21

rabbitmq erlang 源代码读三 core process启动 gen_server

id=2130456这里格式较好。process_info(Pid,Item);check(rpc:call(node(Pid),erlang,process_info,[Pid,Item]));end.gen:start(?MODULE,nolink,M

xiaoyatouvsanan 0喜欢 / 0评论 2010-01-19

Atom代理问题解决

gyp WARN install got an error, rolling back install. 搜索问题结果发现问题是出在翻墙代理的问题上。\.atom\.apmrc配置文件（如果该目录下没有该配置文件：找到位置C:Users\?\.atom目录

Yuezhilv 0喜欢 / 0评论 2019-06-21

Atom 编辑器插件: px2rem-plus 转换 px(像素) 到 rem 单位

对于移动端网页的开发，目前看采用 rem 单位可能是一个相对完美的解决方案。在平时的开发中经常需要把 px 转换成 rem。由于我目前主要使用 Atom 这个编辑器来开发，也用了一些类似的转换插件，但都不能令我满意，所以自己开发了一个 Atom 插件。转换

ciscoccie00 0喜欢 / 0评论 2019-06-21

记一个同时支持模糊匹配和静态推导的Atom语法补全插件的开发过程: 序

可能你会说,估计是Atom语法补全的扩展机制灵活等等吧!但是,我可以很明确地告诉你,核心逻辑是基于正则匹配的通用逻辑,和Atom没有必然的联系!你会耐心读完整个系列文章的N个可能性你可能想做一个ReactNative或者Weex的API级别的语法提示与补全

hahahd0 0喜欢 / 0评论 2019-06-20

Atom 编辑器插件：amWiki 轻文库

amWiki 是一款基于 Javascript 脚本语言、依赖 Atom 编辑器、使用 Markdown 标记语法的轻量级开源 wiki 文库系统。amWiki 致力于让大家可以更简单、更便捷的建设个人和团队文库系统！$navigation.md导航文件无

82274551 0喜欢 / 0评论 2019-06-20

Atom Markdown 相关插件

使用以下插件（都可以在 Settings > Install 里面找到）：

jsqip 0喜欢 / 0评论 2019-06-20

atom扩展

atom-html-preview：分页展示html页面效果。autocomplete-path：文件路径补全。goto-definition:跳转到定义方法的位置

Jym 0喜欢 / 0评论 2017-04-12

多媒体研究6 - esds atom structure

找资料、研究媒体文件终于对上了。esds包含了decoder config的相关信息。结构参见如下链接：

82274551 0喜欢 / 0评论 2011-11-03

Android中的Atom学习

由于RSS不是一个真正的开放的标准，而且存在这混乱的版本号，所以相关领域的专家就坐下来一起研发下一代的开放标准的格式。正是这样的一个目的造就了Atom最大的优点——开放标准。Atom是由庞大的委员会磋商而成的一个社区标准。绝对不能有多个属性ref=alte

Yuezhilv 0喜欢 / 0评论 2011-02-14

小米笔记本将于7月27日发布 Atom处理器+win10系统

华为MateBook笔记本已经在全球各地连续登场，而传说中的小米笔记本也终于要来了。据香港《经济日报》消息，小米将于7月27日举办新品发布会，届时会正式推出笔记本产品。根据此前爆料，小米笔记本有两种尺寸，首发12.5寸，有谍照显示很像MacBook。可以预

seaocean 0喜欢 / 0评论 2016-07-14

Intel正式公布全新Atom C3000系列芯片:支持16核

说起Atom处理器可能很多人第一时间会联想到廉价的上网本和智能手机、平板电脑。不过，Intel目前已经将Atom系列引向了另外的领域，并积极摆脱低功耗不堪大任的刻板印象。今天早些时候，Intel正式公布了全新Atom C3000系列芯片，首次支持16核并行

hahahd0 0喜欢 / 0评论 2017-02-21

Git现重大漏洞，Atom也波及，尽快打补丁！

Git Project于上周发布Git 2.19.1，以修补一个可能导致远端攻击的重大漏洞，且该漏洞影响GitHub桌面版、文字编辑器Atom、命令行版本的Git，以及其它任何嵌入Git的应用。这个漏洞由一位白帽黑客joernchen向GitHub漏洞奖励

NSSpeak信息安全 0喜欢 / 0评论 2018-10-09

安装和使用Atom编辑器

Atom编辑器是一个Github出品的现代的、可扩展的编辑器。和古老的Vim、Emacs相比，atom具有诸多优点。一是出现较晚，可以使用最新出现的各种技术;二来atom使用web技术构建而成，广大的web开发者可以很容易的为atom编写扩展，提供更为强大

zhuchenghaoma 0喜欢 / 0评论 2016-11-24

Ubuntu 16.04常用软件安装和开发环境配置

Ubuntu16.04安装后1.安装常用软件搜狗输入法+编辑器Atom+浏览器Chome+视频播放器vlc+图像编辑器GIMP Image Editor安装+视频录制软件RcordMyDesktop安装.2.开发环境配置.JDK环境配置+scala环境配置

82274551 0喜欢 / 0评论 2016-08-10

Ubuntu中Atom编辑器显示中文乱码的处理方法

"*": "exception-reporting": userId: "fe150ae1-7895-9104-88e4-51ddc09f54d7" welcome: showOnStartu

永不妥协 0喜欢 / 0评论 2015-09-28

Linux下Atom编辑器不支持中文解决方法

今天刚刚装好Elementary OS,装完搜狗输入法后,差不多所有的软件都可以正常输入中文了,然后该装的软件都装了一边，都能正常输入中文，但是安装完Atom编辑器，却发现不能正常输入中文，默认编码都是utf8，其他的一些编码都不行，中文全部显示成小方块的

hahahd0 0喜欢 / 0评论 2015-05-02

Ubuntu 用户安装 Atom 0.187.0 文本编辑器

Atom 是一款开源的、跨平台的文本编辑器，由 GitHub 开发，具有简单和直观的图形用户界面，开发了许多有趣的功能：支持 CSS，HTML，JavaScript等网页编程语言。另外，还支持宏，自动完成分屏功能，集成文件管理器。可用的最新版本 Atom

有情有义岳不群 0喜欢 / 0评论 2015-03-23

Linux下如何安装文本编辑器 Atom 0.124.0

Atom 是由 GitHub 开发的开源、跨平台文本编辑器，拥有一个简单而直观的图形用户界面和一堆有趣的文本编辑功能，支持：CSS，HTML，JavaScript和其他Web编程语言。其中，还支持宏，自动完成分屏功能，并将其与文件管理器集成。可用的最新版本

此处省略三千字 0喜欢 / 0评论 2014-08-31

Ubuntu/Linux Mint上安装Atom文本编辑器

Atom是一款由Github开发的开源文本编辑器，虽然目前该软件依然在Beta阶段，但我们依然可以在你的Ubuntu/Linux Mint上使用它。据Atom官方博客介绍，与Atom类似的编辑器Sublime和TextMate都深受开发者欢迎，但在扩展性上

liujiaoyage 0喜欢 / 0评论 2014-08-16

Ubuntu 及衍生系统安装 Atom 0.104.0

Atom 是一款开源的、跨平台的文本编辑器，具有简单和直观的图形用户界面，并支持多种网络编程语言：CSS，HTML，JavaScript等。其中，支持宏，自动完成分屏功能，集成了文件管理器。可用的最新版本 Atom 0.104.0，支持在32位和64位系统

haornlx 0喜欢 / 0评论 2014-06-21

Ubuntu 下通过 PPA 安装 Atom

目前 Atom PPA 只支持在 Ubuntu 14.04, 13.10 or 12.04 的 64 位下安装使用，这点很重要，符合条件的朋友，可以通过以下命令安装：。（在安装之前请注意，当前的版本依然有不少的 bug 或者一些功能上的缺失。Atom 是

ciscoccie00 0喜欢 / 0评论 2014-05-10