Search...
Toggle theme

Installing Nuxt 2 NES with Vue Essentials

Comprehensive guide for installing and configuring Nuxt 2 NES (Never-Ending Support) along with Vue Essentials packages, including detailed package configuration for all related dependencies.

Prerequisites

Before beginning the installation, please review our Minimum Requirements to ensure a smooth installation process.

Installation Steps

Follow these three simple steps to install Nuxt 2 NES:

  1. Update your package.json
  2. Create or update your .npmrc file
  3. Install & Run

Detailed Instructions

These instructions are specifically for using Nuxt 2 as part of Vue Essentials.

1. Package.json Configuration

Update your package.json with the following Nuxt and Vue references:

{
  "dependencies": {
    "nuxt": "npm:@neverendingsupport/nuxt2@2.18.1-nuxt-2.18.4",
    "vue": "npm:@neverendingsupport/vue2@2.7.22",
    "vuex": "npm:@neverendingsupport/vuex@3.7.0",
    "vue-router": "npm:@neverendingsupport/vue-router@3.6.6",
    "vuetify": "npm:@neverendingsupport/vuetify2@2.7.1"
  },
  "devDependencies": {
    "@nuxt/types": "npm:@neverendingsupport/nuxt2@2.18.1-types-2.18.4"
  },
  "overrides": {
    "nuxt": {".": "npm:@neverendingsupport/nuxt2@2.18.1-nuxt-2.18.4"},
    "@nuxt/babel-preset-app": {".": "npm:@neverendingsupport/nuxt2@2.18.1-babel-preset-app-2.18.4"},
    "@nuxt/builder": {".": "npm:@neverendingsupport/nuxt2@2.18.1-builder-2.18.4"},
    "@nuxt/cli": {".": "npm:@neverendingsupport/nuxt2@2.18.1-cli-2.18.4"},
    "@nuxt/config": {".": "npm:@neverendingsupport/nuxt2@2.18.1-config-2.18.4"},
    "@nuxt/core": {".": "npm:@neverendingsupport/nuxt2@2.18.1-core-2.18.4"},
    "@nuxt/generator": {".": "npm:@neverendingsupport/nuxt2@2.18.1-generator-2.18.4"},
    "@nuxt/nuxt-start": {".": "npm:@neverendingsupport/nuxt2@2.18.1-nuxt-start-2.18.4"},
    "@nuxt/server": {".": "npm:@neverendingsupport/nuxt2@2.18.1-server-2.18.4"},
    "@nuxt/types": {".": "npm:@neverendingsupport/nuxt2@2.18.1-types-2.18.4"},
    "@nuxt/utils": {".": "npm:@neverendingsupport/nuxt2@2.18.1-utils-2.18.4"},
    "@nuxt/vue-app": {".": "npm:@neverendingsupport/nuxt2@2.18.1-vue-app-2.18.4"},
    "@nuxt/vue-renderer": {".": "npm:@neverendingsupport/nuxt2@2.18.1-vue-renderer-2.18.4"},
    "@nuxt/webpack": {".": "npm:@neverendingsupport/nuxt2@2.18.1-webpack-2.18.4"},

    "vue": {".": "npm:@neverendingsupport/vue2@2.7.22"},
    "vue-server-renderer": {".": "npm:@neverendingsupport/vue2@2.7.22-server-renderer"},
    "vue-template-compiler": {".": "npm:@neverendingsupport/vue2@2.7.22-template-compiler"},
    "@vue/compiler-sfc": {".": "npm:@neverendingsupport/vue2@2.7.22-compiler-sfc"},

    "vuex": {".": "npm:@neverendingsupport/vuex@3.7.0"},
    "vue-router": {".": "npm:@neverendingsupport/vue-router@3.6.6"},
    "vuetify": {".": "npm:@neverendingsupport/vuetify2@2.7.1"}
  }
}

Note: All of the entries in the overrides block are not necessarily required. If you're not using a package (directly or transitively) you may omit it. Conversely, if installation fails because a third party dependency expects the Open Source version of a dependency, use the recipe above to "overwrite" that specific requirement.

2. Authentication Setup

Create or update your .npmrc file with the following content:

@neverendingsupport:registry=https://registry.nes.herodevs.com/npm/pkg/
//registry.nes.herodevs.com/npm/pkg/:_authToken=<NES_ACCESS_TOKEN>

Replace <NES_ACCESS_TOKEN> with your actual access token.

3. Installation and Running

Install your dependencies and run the service:

npm install
npm run serve

Additional Information

Direct download URLs for NES Nuxt 2 packages:

PackageURL
babel-preset-appDownload
builderDownload
cliDownload
configDownload
coreDownload
generatorDownload
nuxtDownload
nuxt-startDownload
serverDownload
typesDownload
utilsDownload
vue-appDownload
vue-rendererDownload
webpackDownload
Installing BootstrapVue NES
Step-by-step guide for installing and configuring BootstrapVue NES (Never-Ending Support) as part of Vue 2 Essentials, including package configuration and authentication setup.
Installing Vue Router NES
Step-by-step guide for installing and configuring Vue Router NES (Never-Ending Support) as part of Vue 2 Essentials, including package configuration and dependency setup.