https://github.com/haehnchen/idea-vuejs-plugin

Vue.js 3 Toolbox Plugin for PhpStorm / Intellij
https://github.com/haehnchen/idea-vuejs-plugin

intelij intellij-plugin java javascript phpstorm typescript vuejs vuejs3

Last synced: about 2 months ago
JSON representation

Vue.js 3 Toolbox Plugin for PhpStorm / Intellij

• Host: GitHub
• URL: https://github.com/haehnchen/idea-vuejs-plugin
• Owner: Haehnchen
• Created: 2024-02-23T16:53:23.000Z (10 months ago)
• Default Branch: master
• Last Pushed: 2024-02-27T18:48:25.000Z (10 months ago)
• Last Synced: 2024-05-01T21:20:25.204Z (8 months ago)
• Topics: intelij, intellij-plugin, java, javascript, phpstorm, typescript, vuejs, vuejs3
• Language: Java
• Homepage:
• Size: 242 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# IntelliJ IDEA / PhpStorm Vue.js Toolbox Plugin

[![Build Status](https://github.com/Haehnchen/idea-vuejs-plugin/actions/workflows/gradle.yml/badge.svg?branch=master)](https://github.com/Haehnchen/idea-vuejs-plugin/actions/workflows/gradle.yml)

[![Version](http://phpstorm.espend.de/badge/23832/version)](https://plugins.jetbrains.com/plugin/23832)

[![Downloads](http://phpstorm.espend.de/badge/23832/downloads)](https://plugins.jetbrains.com/plugin/23832)

[![Downloads last month](http://phpstorm.espend.de/badge/23832/last-month)](https://plugins.jetbrains.com/plugin/23832)

| Key           | Value                                                     |

|---------------|-----------------------------------------------------------|

| Plugin Url    | https://plugins.jetbrains.com/plugin/23832-vue-js-toolbox |

| ID            | de.espend.idea.vuejs                                      |

| Documentation | https://espend.de/phpstorm/plugin/vuejs-toolbox           |

| Changelog     | [CHANGELOG](CHANGELOG.md)                                 |

## Install

* Install the plugin by going to `Settings -> Plugins -> Browse repositories` and then search for `Vue.js Toolbox`.

## Component Usages

### Navigation to component usages

```vue

<-- ButtonCounter.vue -->

```

#### Target

```vue

<-- AnotherFile.vue -->

import ButtonCounter from './ButtonCounter.vue'

  

  

```

### Infile navigation via LineMarker

```vue

  

  

```

#### Targets

```vue

    import ButtonCounter from './ButtonCounter.vue'

```

```javascript

export default {

  components: {

    ButtonCounter

  }

}

```

```javascript

@Component({

  components: {

    ButtonCounter,

  },

})

export default {}

```

Entrypoint

---------------------

# Linemarker for vue.js targeting its creation

```javascript

import App from './App.vue'

const app = createApp(App)

```

```javascript

import Vue from 'vue'

import App from './App.vue'

const app = new Vue({

    render: (createElement) => createElement(App)

});

```

```javascript

import App from './App.vue';

new App().$mount(el);

```