如何用atom编辑器开发html

之前一段时间也在学习html和css，我是这么做的：

系统：windows10， 文本编辑：atom，网站服务器：IIS，浏览器：chrome

1，给chrome安装安装LivePage这个插件。&ltimg src="https://pic3.zhimg.com/50/97bc44f556c4be5839f3e5dac2548416_hd.png" data-rawwidth="601" data-rawheight="185" class="origin_image zh-lightbox-thumb" width="601" data-original="https://pic3.zhimg.com/97bc44f556c4be5839f3e5dac2548416_r.png"&gt

2，先用IIS搭建一个简单的网站。

3，用atom编辑html css的时候，用chrome打开自己编辑的网页，并且启动LivePage插件。

4，这样只要你用atom修改后保存代码文件的时候，你在chrome上的页面就会自动刷新。

问题：但是也这样做也有一些问题，对于某些动态网站，可能会不断刷新。

1、打开Atom官网，点击DownloadWindowsInstaller下载安装包。2、下载之后双击“AtomSetup.exe”等待，他会默默的帮你安装，安装完之后在桌面会有快捷方式设置环境变量安装Atom过程太轻松了什么都不需要，是不是有点慌，安装在哪里呢1、鼠标放在Atom快捷方式上面，右击->属性。在属性窗口点击，打开文件位置，这样就可以知道了原来这货安装在C:\Users\Administrator\AppData\Local\atom；2、由于我们安装插件需要用到apm这里命令，这里需要将其添加到环境变量里面，如图；安装插件1、atom的配置放在C:\Users\Administrator\.atom目录下。插件安装在.atom\packages目录下；2、通过cd.atom/packages进入包安装目录3、通过gitclone/JoelBesada/activate-power-mode.git下载插件4、下面进入插件目录，执行安装命令$cdactivate-power-mode$apminstall这里主要安装过程atom编辑器不要打开；编辑文件，体验效果安装完之后你会发现编辑文件还是没有所谓的震撼效果，怎么1、打开插件github仓库位置，查看使用说明，原来安装之后还要激活，才回有效果，这里使用快捷键ctrl+alt+o激活，即可；

1、首先打开Atom编辑器导入项目文件夹，先创建一个index.html的文件。定义一下html文件的主信息：

2、然后填写自己的网页内容， 设置一下样式，直接在body后面加上background="图片名字"即可插入图片：

3、最后来到浏览器，刷新一下网页，这样就会显示背景了：

---