Link Search Menu Expand Document
Course: Supplementary Technology

Frontend VueJS + Nuxt

Install Node and NPM or Yarn

Follow the instruction below to install npm.


Installation Nuxt

VueJS gets installed with Nuxt

npm init nuxt-app {app_name}


  • Project name: {your project name}
  • Programming language: JavaScript
  • Package manager: NPM
  • UI framework: Vuetify.js
  • Nuxt.js modules: Axios
  • Linting tools: ESLint
  • Testing framework: None
  • Rendering mode: Single Page App
  • Deployment target: Static (Static/Jamstack hosting)
  • Development tools: No selection
  • What is your GitHub username?
  • Version control system: No selection

Only if needed, install the plugins separately.

vue add vuetify
yarn add @nuxtjs/axios
npm i eslint-plugin-vue


Nuxt Authentication

yarn add --exact @nuxtjs/auth-next
yarn add @nuxtjs/axios



Cannot find module ‘vuetify/es5/util/colors’

Solution yarn add –dev @nuxtjs/vuetify


this[kHandle] = new _Hash(algorithm, xofLen); Solution export NODE_OPTIONS=–openssl-legacy-provider

Error: No ESLint configuration found in

Solution npm install eslint -g -D eslint –init

Error Parsing error: Invalid ecmaVersion

Solution Add in the .eslintrc.json “parserOptions”: { “ecmaVersion”: 2020, “sourceType”: “module”, “ecmaFeatures”: { “globalReturn”: false, “impliedStrict”: false, “jsx”: false } },