love/source/vscode/SITE README.md

63 lines
1.3 KiB
Markdown

<section>
<header class="is-light padded">
## Preview
</header>
</section>
<section class="images-section">
<div class="is-dark">
![Love Dark Preview 1](/images/vscode/love-dark-01.png)
</div>
<div class="is-light">
![Love Light Preview 1](/images/vscode/love-light-01.png)
</div>
</section>
<div class="spacer"></div>
<section>
<header class="is-light padded">
## Installation
</header>
<div class="is-dark padded">
### Via Visual Studio Code
1. Open the Extensions sidebar by clicking on <code>View&nbsp;->&nbsp;Extensions</code>.
1. Search for `@id:Holllo.Love`.
1. Click on the green "Install" button.
1. Done! ♥
</div>
<div class="is-light padded">
### Via the Command Line
1. Run `code --install-extension Holllo.Love`.
1. Done! ♥
</div>
<div class="is-dark padded">
### From Source
Requires [NodeJS](https://nodejs.org) and [Yarn](https://yarnpkg.com) to be installed.
With a cloned repository and your current working directory at the root of it:
1. Install the dependencies with `yarn`.
1. Build the theme with `yarn build:vscode`.
1. Change into the VS Code directory with `cd source/vscode/`.
1. Install the packaging utility by running `yarn`.
1. Create the `.vsix` package with `yarn package`.
1. Install the theme with `code --install-extension love-{{ versions.vscode }}.vsix`.
1. Done! ♥
</div>
</section>