Demo project for ThreeJS training using Nuxt (Vue.js) and Typescript as the base.

Overview

vue_demo

Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

For detailed explanation on how things work, check out the documentation.

Special Directories

You can create the following extra directories, some of which have special behaviors. Only pages is required; you can delete them if you don't want to use their functionality.

assets

The assets directory contains your uncompiled assets such as Stylus or Sass files, images, or fonts.

More information about the usage of this directory in the documentation.

components

The components directory contains your Vue.js components. Components make up the different parts of your page and can be reused and imported into your pages, layouts and even other components.

More information about the usage of this directory in the documentation.

layouts

Layouts are a great help when you want to change the look and feel of your Nuxt app, whether you want to include a sidebar or have distinct layouts for mobile and desktop.

More information about the usage of this directory in the documentation.

pages

This directory contains your application views and routes. Nuxt will read all the *.vue files inside this directory and setup Vue Router automatically.

More information about the usage of this directory in the documentation.

plugins

The plugins directory contains JavaScript plugins that you want to run before instantiating the root Vue.js Application. This is the place to add Vue plugins and to inject functions or constants. Every time you need to use Vue.use(), you should create a file in plugins/ and add its path to plugins in nuxt.config.js.

More information about the usage of this directory in the documentation.

static

This directory contains your static files. Each file inside this directory is mapped to /.

Example: /static/robots.txt is mapped as /robots.txt.

More information about the usage of this directory in the documentation.

store

This directory contains your Vuex store files. Creating a file in this directory automatically activates Vuex.

More information about the usage of this directory in the documentation.

You might also like...
Zhihudaily demo built with Vue 2.0, vue-router & vuex, with server-side rendering
Zhihudaily demo built with Vue 2.0, vue-router & vuex, with server-side rendering

vue-zhihudaily-2.0 Zhihudaily demo built with Vue 2.0 + vue-router + vuex, with server-side rendering. 主要参考 vue-hackernews-2.0 . Live Demo Features Se

:elephant: A Laravel 6 SPA boilerplate with a users CRUD using Vue.js 2.6, GraphQL, Bootstrap 4, TypeScript, Sass, and Pug.
:elephant: A Laravel 6 SPA boilerplate with a users CRUD using Vue.js 2.6, GraphQL, Bootstrap 4, TypeScript, Sass, and Pug.

Laravel Vue Boilerplate A Laravel 6 Single Page Application boilerplate using Vue.js 2.6, GraphQL, Bootstrap 4, TypeScript, Sass and Pug with: A users

Vue Cookbook (Vue1.0 + express) @yjj5855Vue Cookbook (Vue1.0 + express) by @yjj5855: A demo first screen rendering of a service

使用node.js+Vue.js+webpack 用node当前端服务器和后台服务器通讯和渲染页面,使用vue,vue-server,vue-router来实现SPA应用. 解决了SPA应用的SEO缺点,访问的第一个页面,使用vue-server来服务端渲染.使用vue-router+webpack

Vue.js demo app

Vue.js v2 CRUD sample application Uses vue.js v2.0 and vue-router v2.0 Forked from this demo using vue.js 1.x Demo on codepen Usage clone or download

Awesome douban DEMO created with Vue2.x + Vuex + Vue-router + Superagent
Awesome douban DEMO created with Vue2.x + Vuex + Vue-router + Superagent

Awesome douban DEMO created with Vue2.x + Vuex + Vue-router + Superagent ...... Live Demo Features Vue + vue-router + vuex + Superagent working togeth

A simple Vue.js Demo Application that uses Auth0 for Authentication
A simple Vue.js Demo Application that uses Auth0 for Authentication

Auth0 Vue Make sure to exchnage the auth0 information with your own in the auth.js. A Vue.js Demo Application which uses Auth0 for Authentication You

A demo app that shows you how to use Vue & the Typesense InstantSearch adapter, to build rich search interfaces.

typesense-vue-instantsearch-demo This is a demo that shows you a quick search interface that was built with Vue and typesense-instantsearch-adapter. I

An example repository to demo ARC in Vue

An example repository to demo ARC in Vue

Vuejs + SoundCloud demo app, for JogjaJS 4th meet up.

Vue SoundCloud First, you need register or log in to your SoundCloud account. Then, you also need to register your SoundCloud application at here http

Owner
Kevin Maikath
Kevin Maikath
Demo of using Nuxt 3 with GitHub authentication and creating issues with real-time updates.

Discuss with Atinux Demo of using Nuxt 3 with GitHub authentication and creating issues with real-time updates. See it live on https://discuss.atinux.

Sébastien Chopin 104 Dec 13, 2022
Demo Shopping-cart project with Vuex app and vue-router implementation

shopping-cart: Demo Project for Vuex and vue-router implementation Prerequisites Install concurrently: pnpm add --save concurrently; Install fontaweso

Fred Zhen 2 Nov 5, 2022
Demo project for integration of Vue Storefront with Storyblok

theme My breathtaking Nuxt.js project Build Setup # install dependencies $ yarn install # serve with hot reload at localhost:3000 $ yarn dev # build

Storyblok 16 May 26, 2022
Demo showing off ISG in Nuxt.js with Layer0

A demo showing off ISG (Incremental Static Generation) with Nuxt.js and Layer0

Rishi Raj Jain 37 Oct 29, 2022
Shopping cart demo using Vuejs and Firebase

vuejs-shopping-apps A shopping cart with VueJS Get Started # install dependencies npm install # serve with hot reload at localhost:8080 npm run serve

Thang Minh Vu 325 Jan 7, 2023
This PokeDéx is an application demo using VueJS 2.

PokeDéx This PokeDéx is an application demo using VueJS 2. The application lists pokemons in a paginated manner and allows access to more detailed dat

Samir 3 Mar 22, 2022
Project starter for Vue Typescript and Webpack

Vue-webpack-typescript project starter This project is generated via vue-webpack-minimal and features: Base example of CRUD pages with written api cla

Andrew 20 Dec 22, 2022
Example Repo demonstrating how to add the Airbnb config to a Typescript-Vue Project created with create-vue

Example Repo demonstrating how to add the Airbnb config to a Typescript-Vue Project created with create-vue

Thorsten Lünborg 4 Jul 19, 2022
Example git project that is used for typescript libraries as a starter pack

ts-library-starter Example git project that is used for typescript libraries as a starter pack What does it include: 1. exported class as example for

Hagai Cohen 61 Aug 7, 2022
Demo application to showcase communication between Appwrite and Appsmith

appsmith-appwrite Appwrite setup Users -> Settings; Everything disabled except GitHub (GitHub configured & enabled) Collection "projects": { "$id"

Matej Bačo 14 Oct 22, 2022