Skip to content
No description, website, or topics provided.
C#
Branch: master
Clone or download
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.
art Add project files. Apr 17, 2019
lib Add project files. Apr 17, 2019
src
.gitattributes
.gitignore Add project files. Apr 17, 2019
CONTRIBUTING.md
ISSUE_TEMPLATE.md
LICENSE
README.md Added badge Apr 17, 2019
VuePack2019.sln
appveyor.yml

README.md

Vue Pack 2019

Build status

Download this extension from the VS Marketplace or get the CI build.


Contains HTML Intellisense and code snippets for the Vue.js JavaScript library

Features

  • .vue files are mapped to open in the HTML editor
  • HTML Intellisense for built-in directives
  • HTML Intellisense for custom directives and components
  • File icon for .vue files
  • JavaScript snippets

Directives Intellisense

Built in directives are shown in Intellisense to make it easier to write an to avoid typos.

Any directive or component defined in any .vue or .js file in the project will be show up in Intellisense.

Built in directives

HTML Intellisense

Special elements

HTML Intellisense partial

Custom components/elementDirectives

HTML Intellisense components

Custom directives

HTML Intellisense directives

File icon

Solution Explorer correctly displays a file icon for .vue files.

File icon

JavaScript snippets

A few handy snippets are available to speed up boilerplating of vew models, filters and directives.

vue (view model)

var vm = new Vue({

    el: "#app"

})

vued (directive)

Vue.directive('my-directive', {

    bind: function () {
        // content
    },

    update: function (value) {
        // content
    },

    unbind: function () {
        // content
    }
})

vuef (filter)

Vue.filter('my-filter', function (value) {

    $end$

})

Here's what it looks like in the Code Snippets Manager.

Snippets

Contribute

Check out the contribution guidelines if you want to contribute to this project.

For cloning and building this project yourself, make sure to install the Extensibility Tools 2015 extension for Visual Studio which enables some features used by this project.

License

Apache 2.0

You can’t perform that action at this time.