零基础如何快速实现Web3D（在线3D预览）以下流程5分钟。第一步：在桌面上创建文件夹 demo，然后打开 demo

以下流程5分钟。

安装 http-server

第一步：点击链接 nodejs.org/dist/latest… 下载 nodejs 并安装

第二步：打开终端（即命令提示符，在开始菜单搜索框中输入 cmd，并打开），输入 node -v，如显示版本号，代表安装成功；

第三步：npm 默认是国外源，修改为淘宝源，在终端输入下述命令

npm config set registry https://registry.npm.taobao.org/

第四步：终端窗口进行全局安装 http-server，在终端窗口输入下述命令

npm install http-server -g

安装成功后显示如下：

创建 index.html

第一步：在桌面上创建文件夹 demo，然后打开 demo 并新建一个文本文档，windows 可点击右键新建文本文档，需要显示文件扩展名。

第二步：将新建的文件名修改为 index.html

第三步：将 3D 文件拷贝到 demo 目录下：

第四步：使用文本编辑器（使用记事本即可）打开 index.html ，将下述内容拷贝到文件内，并保存关闭

请注意！请下述内容中的 Propeller.stl 替换为你放到 demo 目录的 3D 文件名称 + 扩展名

<!doctype html>
<html>
  <head>
    <meta charset='utf8'>
    <script src='https://evercraft.co/lib/everxyz-1.0.8.js'></script>
    <style>
      #hello{
        width: 600px;
        height: 600px;
      }
    </style>
  </head>
  <body>
    <div id="hello"></div>
    <script>
      const options = { 
        showProgress: true,
      }  // 配置工具条配置信息，详情可参考功能配置板块
          evercad.render3d('#hello', [{
                path: '/Propeller.stl',  // 该地址为当前html文件的同级目录文件
                name: 'Propeller.stl'
              }], options);
    </script>
  </body>
</html>