如何预览静态网站？

Question

使用Ruby on Rails，我可以运行rails s -p 3000并在localhost:3000预览我的网站。

使用React，我可以运行npm start并在localhost:8080查看该网站。

如果我只有html和CSS文件，我该怎么预览呢？

Answer 1

在OSX上，您可以使用以下命令从任何目录运行简单的Web服务器：

python -m SimpleHTTPServer 8000

然后，您可以转到http://localhost:8000/path/to/file.html

点击浏览器中的目录

Answer 2

您可以尝试在index.html中单击2次以在浏览器中打开该文件。

每次更新sublime文本中的代码时，都需要重新加载浏览器并提供更新。

Answer 3

这通常取决于您的设备/操作系统以及您的最终目标，但通常您可以使用（在线）软件为您呈现HTML和CSS（例如Brackets.io等），同时您正在键入它（实时预览任何修改/添加），或者您可以使用本地网络服务器（例如Xampp或内置在简单Web服务器中的OSX）来实时处理文档，并在每次保存时检查各自的本地主机位置使用代码编辑器进行更改。

你也可以简单地使用像Codepen这样的在线应用程序，它们也可以呈现HTML和CSS，甚至是JavaScript。 Codepen今天推出了Codepen Projects，它允许您在他们的网站上创建整个网站项目。然而，这是一个专业（付费）功能。

以下是提供您所请求功能的代码游乐场的简短概述（绝不是详尽的列表）：

JSFiddle

CSSDeck

CodePen

JSBin

当然，您可以在StackOverflow上插入Snippets，它也能够呈现HTML和CSS（以及JS）。

如果您真的只使用HTML和CSS，也可以在浏览器中预览，通过在Internet Explorer，Chrome等中双击并打开来打开.html文件。