如何从本地下载的文件运行three.js编辑器

• 先解压three.js-master压缩包，进入根目录找到editor文件夹，该目录存放了完整的编辑器代码。

注意：不要直接双击打开editor/index.html运行，浏览器的同源安全策略会限制本地文件加载，导致编辑器报错无法正常使用，需要启动本地HTTP服务访问。

启动本地服务的常用方法 #

方法1：使用Python自带服务（无需额外安装软件，大部分设备默认预装Python） #

1. 打开终端（Windows为命令提示符/PowerShell，macOS/Linux为终端），切换路径到three.js-master的根目录下
2. 执行对应命令：
   • Python3环境：python -m http.server 8080，若提示命令不存在可替换为python3 -m http.server 8080
   • Python2环境：python -m SimpleHTTPServer 8080

方法2：使用Node.js http-server #

1. 若已安装Node.js环境，先全局安装http-server：npm install -g http-server
2. 切换路径到three.js-master根目录，执行启动命令：http-server -p 8080

方法3：使用VS Code Live Server插件 #

1. 在VS Code扩展商店安装Live Server插件
2. 用VS Code打开three.js-master文件夹，右键点击editor/index.html，选择「Open with Live Server」即可自动启动服务并打开编辑器页面

访问编辑器 #

本地服务启动成功后，打开浏览器输入地址 http://localhost:8080/editor 即可正常使用three.js编辑器。如果8080端口被占用，可将启动命令中的端口号替换为其他未被占用的端口（例如9000），访问时同步修改地址中的端口即可。

内容的提问来源于stack exchange，提问作者Chaz Liam