three.js入门（1）——用node.js在本地搭建最基本web环境

傷城~ 2021-09-14 13:22 488阅读 0赞

学习three.js为什么要搭建本地服务器？（强调一下只是一个最基本的，实际项目中，逻辑还是很复杂的，不要用下面的代码）

公：在文件夹里运行的时候发现网上的图片材质加载不出来。索性搭个服务器让它走http流程。

私：之前学的node.js由于长时间不使用，已经完全生疏了，之前有在eclipse里搭建一个tomcat服务器，各种配，各种配，各种配，配了一整天，脑廓都配爆炸了，今天花了一上午（回顾之前的内容+简单搭建），就完成本地服务器的搭建，所以觉得node.js对于前端开发者来说更加容易上手。

由于内容过于简单，直接上代码，并一句句注释，算是对自己加深印象的一个过程。

![SouthEast][]整体的目录结构如图所示。如果用的是webstorm，请百度配置流程后，直接运行下面这段代码后即可在浏览器里输入 http://localhost:5681/index.html  即可验证。

结果为：

![SouthEast 1][]

可以看到html以及js文件都可以成功加载，如果没有webstorm可以用cmd，找到nodeJS的安装目录（注意你的项目要放在nodeJS的安装环境下，或者有关联，怎么关联请自行百度）。使用命令node 你的JS文件名 即可运行该JS。

var http = require("http");
    var url = require("url");
    var fs = require("fs");
    //加载三个模块，分别是http模块，url模块，fs模块，引入模块后可以调用里面的对象和方法，有点像前端直接引用JS，具体机制可以百度（初学者不需要了解的那么复杂）稍微介绍一下三个模块（根据个人的理解），第一个用于模拟http请求，第二个用于解析url，第三个用于解析文件

[SouthEast]: /images/20210813/b5d4312b45fa4df1bbb05eed3c5ea4d8.png
[SouthEast 1]: /images/20210813/779fdac88947426896ccf911ea946d30.png