基本 WebGl / Javascript 配置答案

【问题标题】：Basic WebGl / Javascript configuration基本 WebGl / Javascript 配置
【发布时间】：2015-12-22 15:25:36
【问题描述】：

在 OSX 10.9.5 (Mavericks) 上从 http://threejs.org/docs/index.html#Manual/Introduction/Creating_a_scene 处理 WebGL 教程脚本，我将第一个教程中的代码复制并粘贴到 TextEdit 中并将其保存为 HTML：

webgl
|
+--index.html
|
+-- js/three.min.js

为什么当我将 index.html 加载到浏览器中时，我没有看到 WebGl 渲染的立方体的预期结果，而是看到了 HMTL 代码，就像在我的文本编辑器中一样？谢谢。

【问题讨论】：

推测：您正在使用 WYSIWYG 编辑器编写 HTML，该编辑器保存了一个 HTML 文档，旨在显示您正在输入的源代码。如果是这样，请使用文本编辑器而不是 WYSIWYG 编辑器。
我正在使用文本编辑器。文本编辑。我终于在笔记本电脑和台式机上对 nodejs 服务器安装和启动进行了排序，但仍然看到 HTML 而不是呈现的 WebGL 多维数据集。完全被难住了。
TextEdit，尽管它的名字，是一个所见即所得的文字处理器，而不是一个文本编辑器。你可以说出来，因为它有一个工具栏，里面装满了像粗体和右对齐这样的按钮，它们可以修改你看到的东西的外观，而不仅仅是插入标签。

【解决方案1】：

如果你想进行 three.js 开发，你应该运行一个简单的 Web 服务器。超级简单，只需片刻即可完成设置。

Windows 步骤：

安装node.js from here

打开 Node.js 命令提示符。

输入npm install -g http-server

在 OSX/Linux 上

安装node.js from here

打开一个终端/shell。

输入sudo npm install -g http-server

现在 cd 到您的文件所在的文件夹并输入 http-server。示例

cd "myproject"
http-server

现在在您的浏览器中转到http://localhost:8080 或http://localhost:8080/nameoffile.html

否则您的问题很可能是您通往three.min.js 的路径错误？如果你的设置是这样的

myproject
|
+--index.html
|
+--js
   |
   +--three.min.js

然后在你的index.html 中你的脚本标签应该是这样的

<script src="js/three.min.js"></script>

【讨论】：

three.js开发不需要web服务器。它可以离线工作（某些浏览器的纹理除外）。
您应该使用网络服务器，因为您很可能需要图像并且您无法从文件中读取图像：除非关闭浏览器中的安全性，这可能是您可能做的最愚蠢的事情做。
当然你是对的（虽然纹理在默认设置下在 Windows IE 和 FF 上离线工作）。但是这里的问题是 html 本身没有在浏览器中呈现，提问者只能看到 html 源代码。我认为这不是服务器问题。也许他真的将他的文件命名为 HMTL，这不是拼写错误。
@gman Bkgd：我有一台 OSX 计算机，命名为 index.html，确实在 js 目录中放置了three.min.js，并拥有来自threejs.org/docs/index.html#Manual/Introduction/… 的确切教程脚本安装了node.js包 v4.1.1。然后检查了 $PATH - 那里都很好。提交 'KPR$ sudo npm install -g http-server sudo: unable to stat /etc/sudoers: Permission denied sudo: no valid sudoers sources found, quitting' 后收到此错误，所以现在有点卡住了。非常感谢任何帮助和见解。
我研究了“sudo”和“sudoers”文件，现在尝试在适当的位置创建一个有效的 sudoers 文件。

【解决方案2】：

我正在使用文本编辑器。文本编辑。

TextEdit 是一个所见即所得的文字处理器，而不是文本编辑器。它有一个不幸的名字。

当你输入这个时：

并像这样保存它：

您会得到这个（一个 HTML 文档，旨在显示您输入的内容，而不是将您输入的内容视为 HTML 源代码）：

您需要使用真正的文本编辑器，例如：

【讨论】：

在获得工作配置 = nodejs 安装和 sudo 权限修复后，这是一个有趣的原因，在我的笔记本电脑（OSX 10.9.5 Mavericks）上使用 HMTL 文件的 TextEdit 进行编辑，它正在工作并积极响应文本编辑.但是，在我的桌面（OSX 10.10.5 Yosemite）具有完全相同的配置（服务器运行，但我没有运行相同的权限修复，因为它不是必需的），我还没有看到 webGl 多维数据集时index.html 文件已加载。