What is NuxtJS?

[vc_row][vc_column][vc_column_text]Nuxt is a javascript framework designed to give you a strong architecture following official Vue guidelines. Incrementally adoptable, it can be used to create from static landing pages to complex enterprise ready web applications.

Nuxt js is a higher-level framework that builds based on Vue Js.

Installation

Make sure you have node install on your system you can check it with node -v cmd in CLI

Please check the screenshot for the installation it will more clear to you, for select the option you need to use ENTER key and if there is multiple options then you need to choose it by using SPACE BAR key then enter.

npx create-nuxt-app <project-name>

Or if you are using NPM then you can do:

npm init nuxt-app <project-name>

Or with yarn you can do:

yarn create nuxt-app <project-name>

Features

you can use arrow keys for choose the option and select with the space bar button.

  1. Choose the package manager
    • Yarn
    • Npm
  2. Choose your favorite UI framework:
  3. Choose between integrated server-side frameworks:
  4. Choose Nuxt.js modules:
  5. Choose linting tools:
  6. Check the features needed for your project:
  7. Choose your favorite test framework:
  8. Choose rendering mode
  9. Choose development tools

Now your installation is complete now you need to go inside the project folder

cd <project-name>

In this folder have a package.json file in which all the plugins are mention now you have to fetch all dependencies with

npm install

To run the app that was just created in development mode, we’ll run the following command:

$ npm run dev

This will startup our Nuxt.js server in development mode. By default, the project will serve from http://localhost:3000/.
Now the Nuxt Js project is ready you can work on it

[/vc_column_text][vc_column_text]If you need any guidance regarding Nuxtjs project you can ask by comment form below

Thanks! :)[/vc_column_text][/vc_column][/vc_row]

On: 12-02-2019