Learn Vuero
Documentation Hub

Appearance

Return to top
On this page

Getting Started

First of all, Thank you so much for purchasing this template and for being our valued customer. You are awesome! You are entitled to get free lifetime updates to this product and support from the css ninja team directly. Vuero is a product built by Css Ninja and Digisquad.

This documentation has been written to help you regarding each step of setup and customization. Please go through the documentation carefully to understand how this template is made and how to edit this properly. HTML CSS, and Vue JS framework knowledge is required to customize this template.

You are currently reading the Vuero v2.3.O documentation. The product uses:

  • Vue.js (v3.2+) Composition API
  • Typescript (v4+) out of the box, for large-scale JavaScript applications for any browser
  • Lightning-fast vitejs (v2.7+) build & development tool
  • Node.js (v14+) development environment
  • Latest bulma (v0.9.3+) integration with sass
  • Mocked HTTP Rest API responses to help you to create your own backend
  • Production ready docker images based on bitnami
  • yarn, npm (v7+) and pnpm support
  • eslint, stylelint and prettier pre-configured

What's inside the release?

The Vuero release contains two projects:

  • template: contains the full source code of the template which runs the https://vuero.cssninja.io/ demo
  • quickstarter: contains the source code of a smaller project which you can use to start your own project, it include only the necessary files to get started with Vuero
release-vuero-v2.3.O.zip
├── template-vuero-v2.3.O.zip
└── quickstarter-vuero-v2.3.O.zip

Prerequisites

  1. A good code editor
    VSCode settings are preconfigured
  2. A supported web browser (Chrome, Edge, Firefox, ...)
  3. Node.js LTS (> 14.x with npm >7) installed
  4. Familiarity with the command line
  5. Knowledge with Typescript (> 4.x) (should not be installed globally)

Install Node.js

First, check if you already have node and npm installed. To check if you have Node.js installed, run this command in your terminal:

node -v

If node is not installed on your machine, you can go to the official nodejs.org website, and choose the version depending on your operating system:

Install Node.js and npm on Windows, Linux or Mac OSX

Install Yarn

We personally recommend Yarn as we think it is a better package manager than npm. If you want to use Yarn, keep in mind that you should not mix the 2. You either use Yarn or Npm in a project, never both.

npm install --global yarn

OR - Check the npm version

npm is a separate project from Node.js, and tends to update more frequently. As a result, even if you’ve just downloaded Node.js (and therefore npm), you’ll probably need to update your npm. To confirm that you have npm installed you can run this command in your terminal:

npm -v

Luckily, npm knows how to update itself! To update your npm, type this into your terminal:

npm install --global npm@latest

Support

If you have any trouble while editing this template or if you simply want to ask a question about something, feel free to contact us at support@cssninja.io or to post your request on our support at support.cssninja.io

You can find the changelog here and inside the Vuero source folder or you can check the changelog on the theme's sale page.

Once again, thank you so much for purchasing this theme. As I said at the beginning, we'd be glad to help you if you have any questions related to this theme. No guarantees, but we'll do our best to assist and support you. If you have a more general question relating to Vuero, you might consider opening a ticket and ask your question in the Css Ninja support portal.