three.js 官方给的压缩包如何使用?three.js基础官方文件使用方法

简介: three.js 官方给的压缩包如何使用?three.js基础官方文件使用方法

three.js是什么东西本文就不再阐述了,网上一搜一大堆,相信查询此博客的同志♂也都有一定的前端基础,本文就教大家简单的使用前端语言js来演示一个官方案例。

一、下载three.js官方文件包

网址:点击跳转(会被墙)

中文文档地址:点击跳转(链接引用的b站up“老陈打码”)

二、下载好后解压

三、部署开发环境

       1、确认nodejs环境部署完毕

               首先安装nodejs,下载链接:点击跳转

               下载后直接双击安装

               

               一直next下一步安装即可,尽量不要安装至C盘,因为以后使用的话要下载很多扩展

               安装完毕后使用win+r打开cmd

               

               在cmd中使用node -v 和 npm -v检查是否安装完毕

               

               安装后就可以部署了

       2、在vscode部署项目环境

               1、右键打开终端使用 npm install 安装依赖

               

               回车等待安装,若是出现报错只需在文件资源管理器打开,在地址栏键入cmd打开资源管理窗口,再使用此命令即可。

               安装完毕后的提示

               3、使用 npm run strat 启动

               直接在命令行中输入回车即可

               

这时,我们的项目就算部署完毕了

               ctrl+左键打开https://localhost:8080 :

               

       这就是官方项目发打开后的样子,其中有许多官方的实例和官方的文档

       

       直接点击即可进入

               电子文档:

       

               编辑器:

               

               可以在次添加3D模型

               官方实例:

以上就是three.js官方文件包的部分使用方法

目录
相关文章
|
14天前
|
JavaScript 前端开发 容器
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
16 0
|
1月前
|
JavaScript
uni-app中关于格式化时间的js文件
uni-app中关于格式化时间的js文件
32 0
|
2月前
|
JavaScript 前端开发 内存技术
js文件的入口代码及需要入口代码的原因
js文件的入口代码及需要入口代码的原因
|
3月前
|
XML JSON JavaScript
|
3月前
|
存储 JavaScript 前端开发
只使用简单的 JavaScript 创建文件共享型网站
只使用简单的 JavaScript 创建文件共享型网站
39 0
只使用简单的 JavaScript 创建文件共享型网站
|
3月前
|
JavaScript Android开发
AutoJs4.1.0实战教程---js文件打包发布成APK文件
AutoJs4.1.0实战教程---js文件打包发布成APK文件
98 0
AutoJs4.1.0实战教程---js文件打包发布成APK文件
|
4月前
|
JSON JavaScript 前端开发
前端 ex2json 用于 vue/react/js 将 xls、xlsx、csv 文件转成 json 数组
前端 ex2json 用于 vue/react/js 将 xls、xlsx、csv 文件转成 json 数组
93 0
|
4月前
|
JSON JavaScript 数据格式
NPM 发包 js 文件并支持 ts 使用(包含 gulp 打包压缩)
NPM 发包 js 文件并支持 ts 使用(包含 gulp 打包压缩)
58 0
|
2天前
|
JavaScript
浏览器插件crx文件--JS混淆与解密
浏览器插件crx文件--JS混淆与解密
7 0
|
1月前
|
JSON JavaScript 前端开发
vue项目使用Print.js插件实现PDF文件打印
vue项目使用Print.js插件实现PDF文件打印
41 0