Skip to content
Imba Tooling (for VS Code)
Branch: master
Clone or download
Pull request Compare This branch is 9 commits ahead of shreeve:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
assets
client
server
syntaxes
themes
.gitignore
CHANGELOG.md
README.md
imba-0.4.0.vsix
language-configuration.json
package-lock.json
package.json
vsc-extension-quickstart.md
yarn-error.log
yarn.lock

README.md

Imba tooling for VSCode

Find it in VS Code Marketplace

Features

  • Syntax Highlithing (with support for Single File Components)
  • Please make PR to contribute more features (Auto Complete, Debugging, Linting/ Error Checking etc...)

For more information

Enjoy!

In Imba, the template and script sections are already merged into one concept. Yet, styling is required to be placed in other files. In order to support the concept of SFC's in Imba, we only need to add in support for styles. This is done a little different than Vue. Since it's obvious that we only need to support CSS, we can just directly specify the language on a line by itself, left justified.

The Imba example looks like:

Imba component

In order to regenerate these syntax files, use the following:

cd syntaxes
yarn global add yaml2json

# convert json to yaml
json2yaml imba.tmLanguage.json > imba.tmLanguage.yaml

# convert yaml to json
yaml2json imba.tmLanguage.yaml | jq --indent 2 . > imba.tmLanguage.json

# convert json to plist
plutil -convert xml1 imba.tmLanguage.json -o imba.tmLanguage
You can’t perform that action at this time.