60 lines
1.6 KiB
Markdown
60 lines
1.6 KiB
Markdown
# Manual installation
|
|
|
|
>This is a [Visual Studio Code](https://code.visualstudio.com/download) extension. It is best installed from the [on-line extensions marketplace](https://marketplace.visualstudio.com/items?itemName=svaberg.vue2-grammar), or from inside VS Code `Preferences/Extensions` and search for `vue2-grammar`.
|
|
|
|
_Alternatively_, the extension can be built and installed manually as in the next section. This should only be required for developers.
|
|
|
|
## Build the extension
|
|
|
|
1. Clone the repository and enter into the folder
|
|
|
|
```bash
|
|
git clone git@git.miqra.nl:pmkuipers/vue2-grammar.git
|
|
cd vue2-grammar
|
|
```
|
|
|
|
2. Install the required packages with `npm`
|
|
|
|
```bash
|
|
npm install
|
|
```
|
|
|
|
3. Compile with `npm`
|
|
|
|
```bash
|
|
npm run compile
|
|
```
|
|
|
|
At this point the extension may be debugged in the Extension Development Host:
|
|
|
|
```bash
|
|
code .
|
|
```
|
|
|
|
followed by the `Run/Start Debugging` dropdown (or the `F5` key). To observe the extension in action, view the file `demo.in`.
|
|
|
|
To complete the manual installation, follow the remaining steps to manually create and install the package:
|
|
|
|
## Package and install the extension
|
|
|
|
4. Create a package using `vsce`
|
|
|
|
```bash
|
|
vsce package
|
|
```
|
|
|
|
This should generate a `vue2-grammar-?.?.?.vsix` file in the current directory.
|
|
5. Manually install the extension in VS Code (you may want to replace the wildcards in the version number)
|
|
|
|
```bash
|
|
code --install-extension vue2-grammar-?.?.?.vsix
|
|
```
|
|
|
|
To test the installation, open the current folder in VS Code
|
|
|
|
```bash
|
|
code .
|
|
```
|
|
|
|
and view the file `demo.in`.
|