This website requires JavaScript.

Installation

Requires NPM/Yarn for using without CDN

CommandDescriptionnpm install -g @vue/cliInstall VueJS through NPMyarn global add @vue/cliInstall VueJS through Yarn

Creating a Project

CommandDescriptionvue create <project-name>Creates and initializes the project with chosen featuresvue uiOpens a GUI in the browser. Recommended if not comfortable with CLI

Vue Template Syntax

The Vue app is broken into 3 main components:

  • Template (HTML):
    <template>
        HTML goes here
    </template>
    

JavaScript:

<script>
    JavaScript related things and Vue APIs
</script>

Styling (CSS):

<style>
    CSS goes here
</style>
```css
Vercel
Windows