https://github.com/marlon360/a-frame-vscode

A Visual Studio Code extension for A-Frame
https://github.com/marlon360/a-frame-vscode

Last synced: 6 months ago
JSON representation

A Visual Studio Code extension for A-Frame

• Host: GitHub
• URL: https://github.com/marlon360/a-frame-vscode
• Owner: marlon360
• Created: 2019-04-22T22:10:20.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T22:26:01.000Z (about 3 years ago)
• Last Synced: 2024-05-02T06:11:51.249Z (over 1 year ago)
• Language: TypeScript
• Size: 2.06 MB
• Stars: 8
• Watchers: 2
• Forks: 1
• Open Issues: 8
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# VSCode Completion for A-Frame

This extension adds completions for the A-Frame primitives and their attributes.

![](images/usage.gif)

## Primitive Completion

Type `a` or `a-` to start the completion and get a list of all primitives (`a-box`, `a-entity`, `a-sky`, etc.).

## Attribute Completion

Inside a primitive tag you get an overview and completion of all corresponding attributes (`color`, `position`, `scale`, etc.).

## Snippets

Type `AFRAME.registerComponent` to insert:

```javascript

AFRAME.registerComponent('component-name', {

	schema: {

		

	},

	init: function () {

	  // Do something when component first attached.

	},

	update: function () {

	  // Do something when component's data is updated.

	},

	remove: function () {

	  // Do something the component or its entity is detached.

	},

	tick: function (time, timeDelta) {

	  // Do something on every scene tick or frame.

	}

});

```

Type `a-scene:example` to insert a basic A-Frame scene:

```html

	

	

	

	

```