Giter Club home page Giter Club logo

vue-3-alpha-starter-template's Introduction

Vue 3 Alpha Starter Template

This repository contains a simple starter template to experiment with the alpha version of Vue 3! ParcelJS is used to bundler the SPA. Typescript is used to make it easier to explore the new API since there is limited documentation.

DISCLAIMERS:

  • Vue just entered alpha so there could be bugs
  • Single file components (SFC) are not supported, you must use the template option in the component
  • The bundle size is not accurate size since we are not using the production build of Vue

Getting Started

Here are the steps necessary to start experiemnting yourself:

  1. Clone this repo

  2. Install dependencies

    // Using NPM
    $ npm i
    
    // Using Yarn
    $ yarn
  3. Run development server

    // Using NPM
    $ npm run dev
    
    // Using Yarn
    $ yarn dev
  4. Build the project (This will not be an accurate bundle size since we are not using the production build of Vue)

    // Using NPM
    $ npm run build
    
    // Using Yarn
    $ yarn build

Documentation

Since Vue 3 is not released there is currently limited documentation on how to use it. Typescript mitgrates this a little bit because it is easier to explore and understand the new API. That being said there are some places to that could be useful:

Production build

If you would like to build the project using the production build change the alias field in package.json to:

{
	// ...
	"alias": {
		"vue": "./node_modules/vue/dist/vue.esm.prod.js"
	}
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.