如何开始
使用踏得网在线开发工具
TechbrooD踏得网是一个在线Web作品开发平台,我们可以在浏览器中直接编辑HTML、CSS和JavaScript,预览结果页面,在云端保存作品和分享展示代码片段,并可以搜索海量相关资源。这是最方便的学习和交流工具,无需下载或安装任何东西。
使用代码模板
如果使用离线工具如Sublime Text来开发的话,您需要按照如下步骤准备好开发环境:
- 一个包含 当前A-Frame版本的 html文件
- 一个可选的本地Web服务器
- 通过 GitHub Pages 来分享代码
我们可以通过如下2种方式之一来获取代码模板:
无论哪种方式,记得要把项目放在本地Web服务器中,以便资源可以被正确加载。
直接引用JS
我们还可以直接引用CDN上已经构建好的JS脚本,如下在HTML中添加一个 <script>
标签:
|
我们当然也可以把该JS脚本下载下来放到本地,相应的修改script标签中的src属性为本地Web服务器中的文件路径。
使用npm安装
对于希望由自己来构建的更多高级用户,我们可以通过npm来安装:
|
然后我们可以在app中直接require A-Frame,通过Browserify 或 Webpack来构建:
|
使用本地Web服务器
和所有web应用一样,A-Frame也依赖于Web服务器才能正常工作,当你使用踏得网在线开发工具时,您的作品是通过云端服务器上的Apache来支撑的。当你使用离线开发时,为保证资源文件能被正确加载和访问,您需要搭建并启动一个本地Web服务器,比如Apache、Tomcat、Nginx,下面是一些其他可选的简易方式:
- 下载 Mongoose 应用并从和HTML文件相同的目录中打开它。
- 在命令行环境和你的HTML文件相同目录下运行
python -m SimpleHTTPServer
。 - 使用Node 和 npm 来启动本地服务器:
npm install && npm run start
.
如果你有npm, 你可以直接基于一些场景模板来构建应用程序,比如 angle
, 命令行执行如下:
|