本文主要是介绍Atom如何实时渲染界面(markdown,html)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
Atom如何实时渲染界面(markdown,html)
我们在写代码的时候,希望能够及时看到我们的代码效果,下面有两种方案进行实现:
其中方案一的实现只能够解析Html文件等少数文件,而第二种方案可以解析html和markdown文件, 建议安装第二种,方便快捷且实用
方案一: 使用atom-html-preview
1. 通过命令行安装: apm install atom-html-preview 或者 npm install atom-html-preview
如果直接安装不起作用,使用如下命令:
cd
cd ~/.atom/packages$
也就是使用如下进行下载命令:
git clone https://github.com/webBoxio/atom-html-preview.git然后执行命令即可,重新启动atom
npm install2: 通过图形化界面安装:
如下图所示:在settings中搜索,然后安装即可,我这个是已经安装成功的
3 如何使用
在编辑的文件中,右键,然后选中Preview HTML 既可以查看Html文件
方案二: 使用markdown Preview
1 命令行安装-----暂时没试过
2 图形化界面安装
3 如何使用
使用快捷键command + shift + p，弹出包搜索框，输入markdown Preview，然后点击确定即可。或者直接使用快捷键shift + control + m.
4 效果如下面所示
这篇关于Atom如何实时渲染界面(markdown,html)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
