Welcome to Vue! Vue helps you build modern web applications for the web, mobile, or desktop.

For getting started an Vue application you needs two things as Prerequisites.

Prerequisites

• Before you begin, make sure your development environment includes Node and an npm package manager.

Node.js

• Download stable version of node.js from nodejs.org..It is v16.15.1

• Install Node.js using downloaded file

• To check your node version, run node -v in a terminal/console window.

Npm package manager

• Vue CLI, and Vue apps depend on features and functionality provided by libraries that are available as npm packages. To download and install npm packages, you must have an npm package manager.

• This Quick Start uses the npm client command line interface, which is installed with Node.js by default. To check that you have the npm client installed, run npm -v in a terminal/console window.

• For better understanding Vue we suggest you to once go through official documentation of Vue from VueJS.org

Installing Vue CLI

• You use the Vue CLI to create projects, generate application and library code, and perform a variety of ongoing development tasks as it is a progressive framework for building user interfaces.

• Install the Vue CLI globally.

• To install the CLI using npm, open a terminal/console window and enter the following command:

  npm install -g @vue/cli

Create Initial application

• 1. Run the CLI command vue create and provide the name my-app, as shown here:

  vue create my-app

• 2. The vue create command prompts you for information about features to include in the initial app project. Accept the defaults by pressing the Enter or Return key.

Run Application

• 1. Go to the workspace folder (my-app).

  cd my-app

• 2. Launch the server by using the CLI command npm start

  npm run serve

• Supplemental

If you have already download and install node.js and Vue CLI then ignore prerequisites accordingly.

Node.js

• Download latest version of node.js from nodejs.org.

• Install Node.js using downloaded file

• To check your node version, run node -v in a terminal/console window.

Vue CLI

• Install Vue CLI Using:

  npm install -g @vue/cli

Setup Tivo theme by

• 1) Download and extract an Tivo themes from themeforest
• 2) Extract it and then go in to theme folder.

  cd theme

• 3) Import all dependency by installing npm command

  npm install

• 4) Now you are in stage to successfully run Tivo using below command:

  npm run serve

  Once you serve your application by default it will take their defalult port so you can open port using localhost://8080

  Make sure you are not running any other Vue project in local if so then use new generated port from terminal with label called app running at:

  Build Application

  • 1. Build you application for host on server using below command:

    npm run build

  • 2. It will create one dist file in your theme folder. Make zip of dist folder. so here you are ready to upload your theme on server.

    If you’re using Apache HTTP Server, you need to create a .htaccess file in the public folder by pastng below code

    Options -MultiViews
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^ index.html [QSA,L]

  • Now upload your dist folder on public folder
  • if you want to add subdirectory for your build then below two step:
  • 1. add your sub directory name in createhistory params in theme > src > router > index.js file like

      history: createWebHistory('/tivo/')

  • 2. add your sub directory name in public path in vue.config.js like(

     publicPath: "/tivo/"

  • Supplemental