A-frame 学习笔记-安装

737 阅读1分钟

安装

在线代码编辑器

Glitch、Mozilla、Codepen、techbrood等在线编辑网站进行学习时直接导入即可

本地使用

本地运行服务器

本地预览页面需要将html文件进行部署,通过url对页面进行访问才能正常的预览页面。 可以使用python的SimpleHTTPServer或者js的live-server,也可以使用apache、nginx等。 使用VScode的同学使用live-server的插件即可。

下载代码

A-frame Github

CDN

国内的cdn可以产看bootcdn所提供的cdn连接,但是不一定有最新的版本,可以引用github上的release:

<!-- Production Version, Minified -->
<script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>

<!-- Development Version, Uncompressed with Source Maps -->
<script src="https://aframe.io/releases/0.5.0/aframe.js"></script>

也可以将这些资源下载后本地引用或自行部署cdn。

NPM安装

我们也可以通过npm安装A-Frame:

# 最新稳定版本 (https://www.npmjs.com/package/aframe)
$ npm install aframe
# 实验版本 (https://github.com/aframevr/aframe)
$ npm install aframevr/aframe

然后,我们可以将A-Frame捆绑到我们的应用程序中。例如,使用Browserify或Webpack:

require('aframe');

如果使用npm,则可以使用angle A-frame的命令行界面。angle可以使用单个命令初始化场景模板:

npm install -g angle && angle initscene