• Small knowledge, big challenge! This article is participating in the creation activity of “Essential Tips for Programmers”.

I have studied next.js before, but I haven’t read nuxt.js yet. Recently, I happened to have time to study nuxt.js specifically and record the problems I encountered.

1. Nuxt profile

On October 25, 2016, the team behind Zeit.co released Next. Js, a React server rendering application framework. A few hours later, in the same vein as Next. Js, a vue.js-based server-side rendering application framework was created, called Nuxt.js. Nuxt is the SSR on Vue, that is, the server side rendering application framework, which can largely solve the current SPA and CSR home page loading slow, not conducive to SEO.

2. Nuxt installation

To get started quickly, the Nuxt.js team created the scaffolding tool create-NuxT-app.

Make sure NPX is installed (NPX is installed by default in NPM version 5.2.0) :

$NPX create-nuxt-app < project name >Copy the code

Or use YARN:

$YARN create nuxt-appCopy the code

C:\Program Files are not internal or external commands, nor are they executable programs or batch Files. However, no matter how to modify the node version or delete the node and reinstall it, it is found that the node installation file name Program Files has a space. How to modify:

  1. performnpm config get cacheView the nodeJS path
  2. performnpm config set cache "C:\Program~1\nodejs" --globalTo change the path
  3. Nuxtjs was successfully installed
  4. The directory structure after installation is as follows

If you want to learn more about the use of NuxtJS, stay tuned for subsequent articles.