【three.js学习环境的配置】学习three.js前的环境配置

工具：

1.【three.js源码】：下载地址：https://threejs.org/

2.【phpStudy】：用于存放three.js源码，作为本地的开发服务器。（也可用:wamp，xampp等）

3.【sublimeText 3】:用于编写代码。（也可用DW，visual studio Code ，webstorm等）

步骤：

1.phpStudy下载后解压安装。安装完成后启动服务。如下：

2.去three.js的官网 https://threejs.org/下载源码包。

3.打开phpStudy的安装目录，进入到安装目录的   PHPTutorial \  WWW  文件夹中。

例如我的安装路径如下：F:\phpStudy\PHPTutorial\WWW

进入WWW 文件夹后将下载好的three.js源码包加压到当前文件夹。

解压后得到three源码包，源码包的文件夹目录如下：

 5.通过浏览器访问源码包中的案例：

在浏览器中输入：localhost/three/examples/ 即可看到可运行的案例。

如下：

访问成功后，环境配置完成。再此，可以查看到很多的例子。

 

 

对于本次学习，我直接在该源码包的根目录下创建一个个人文件夹，用于存放自己学习时写的项目文件。所以文件夹目录结构如下：

（貌似我下载的时候把源码包的名字改成了three了。）