如何预览静态站点?
How to preview a static site?
在 Rails 上使用 Ruby,我可以 运行 rails s -p 3000
并在 localhost:3000
预览我的网站。
使用 React,我可以 运行 npm start
并在 localhost:8080
查看站点。
如果我只有 html 和 CSS 个文件怎么办?我该如何预览?
这通常取决于您的 device/OS 和您的最终目标,但通常您可以使用(在线)软件为您呈现 HTML 和 CSS(例如 Brackets.io, etc.) whilst you are typing it (to live preview any modifications/additions), or you can put the documents live using a local webserver such as Xampp 或内置简单 Web 服务器的 OSX,并在每次使用代码编辑器保存更改时检查它们各自的本地主机位置。
您也可以简单地使用像 Codepen, which can also render HTML and CSS, and even JavaScript. Codepen just today launched Codepen Projects 这样的在线应用程序,它允许您在他们的网站上创建整个网站项目。但是,它是专业(付费)功能。
以下是提供您所请求的功能的代码游乐场的简短概述(绝不是详尽的列表):
当然,您可以在 Whosebug 上的此处插入代码片段,它也能够呈现 HTML 和 CSS(以及 JS)。
如果真的只用HTML和CSS,在浏览器中预览也是可以的,双击打开.html
文件,在Internet Explorer中打开,Chrome,等等
您可以尝试在 index.html 中点击 2 次以在浏览器中打开文件。
每次更新 sublime text 中的代码,都需要重新加载浏览器,更新才会生效。
在 OSX 上,您可以使用此命令从任何目录 运行 一个简单的 Web 服务器:
python -m SimpleHTTPServer 8000
然后,您可以通过转到 http://localhost:8000/path/to/file.html
在浏览器中访问该目录
在 Rails 上使用 Ruby,我可以 运行 rails s -p 3000
并在 localhost:3000
预览我的网站。
使用 React,我可以 运行 npm start
并在 localhost:8080
查看站点。
如果我只有 html 和 CSS 个文件怎么办?我该如何预览?
这通常取决于您的 device/OS 和您的最终目标,但通常您可以使用(在线)软件为您呈现 HTML 和 CSS(例如 Brackets.io, etc.) whilst you are typing it (to live preview any modifications/additions), or you can put the documents live using a local webserver such as Xampp 或内置简单 Web 服务器的 OSX,并在每次使用代码编辑器保存更改时检查它们各自的本地主机位置。
您也可以简单地使用像 Codepen, which can also render HTML and CSS, and even JavaScript. Codepen just today launched Codepen Projects 这样的在线应用程序,它允许您在他们的网站上创建整个网站项目。但是,它是专业(付费)功能。
以下是提供您所请求的功能的代码游乐场的简短概述(绝不是详尽的列表):
当然,您可以在 Whosebug 上的此处插入代码片段,它也能够呈现 HTML 和 CSS(以及 JS)。
如果真的只用HTML和CSS,在浏览器中预览也是可以的,双击打开.html
文件,在Internet Explorer中打开,Chrome,等等
您可以尝试在 index.html 中点击 2 次以在浏览器中打开文件。
每次更新 sublime text 中的代码,都需要重新加载浏览器,更新才会生效。
在 OSX 上,您可以使用此命令从任何目录 运行 一个简单的 Web 服务器:
python -m SimpleHTTPServer 8000
然后,您可以通过转到 http://localhost:8000/path/to/file.html
在浏览器中访问该目录