Atom如何实时渲染界面(markdown,html)

本文主要是介绍Atom如何实时渲染界面(markdown,html)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

我们在写代码的时候,希望能够及时看到我们的代码效果,下面有两种方案进行实现:

其中方案一的实现只能够解析Html文件等少数文件,而第二种方案可以解析html和markdown文件, 建议安装第二种,方便快捷且实用

如果直接安装不起作用,使用如下命令:

cd
cd ~/.atom/packages$

然后去gitHub获取下载地址: https://github.com/webBoxio/atom-html-preview/

也就是使用如下进行下载命令:

git clone https://github.com/webBoxio/atom-html-preview.git

下载完之后,进入到目录 atom-html-preview
然后执行命令即可,重新启动atom

npm install

如下图所示:在settings中搜索,然后安装即可,我这个是已经安装成功的

在编辑的文件中,右键,然后选中Preview HTML 既可以查看Html文件

使用快捷键command + shift + p，弹出包搜索框，输入markdown Preview，然后点击确定即可。或者直接使用快捷键shift + control + m.

这篇关于Atom如何实时渲染界面(markdown,html)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！