安装
在线代码编辑器
Glitch、Mozilla、Codepen、techbrood等在线编辑网站进行学习时直接导入即可
本地使用
本地运行服务器
本地预览页面需要将html文件进行部署,通过url对页面进行访问才能正常的预览页面。 可以使用python的SimpleHTTPServer或者js的live-server,也可以使用apache、nginx等。 使用VScode的同学使用live-server的插件即可。
下载代码
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