nuxtjs入门与使用(一)

1,978 阅读1分钟

之前有研究过next.js,但是一直没有看nuxt.js,最近刚好有时间特地来研究一下nuxt.js,顺便来记录一下碰到的问题。

1.nuxt简介

2016 年 10 月 25 日,zeit.co 背后的团队对外发布了 Next.js,一个 React 的服务端渲染应用框架。几小时后,与 Next.js 异曲同工,一个基于 Vue.js 的服务端渲染应用框架应运而生,我们称之为:Nuxt.js
Nuxt 是 Vue 上的 SSR,也就是服务端渲染应用框架,可在很大程度上解决当前 SPA 和 CSR 的首页加载慢,不利于 SEO 的问题。

2.nuxt安装

为了快速入门,Nuxt.js 团队创建了脚手架工具 create-nuxt-app

确保安装了 npx(npx 在 NPM 版本 5.2.0 默认安装了):

$ npx create-nuxt-app <项目名>

或者用 yarn :

$ yarn create nuxt-app <项目名>

本人碰到的问题:不管是使用npx还是yarn都会报错C:\Program Files不是内部或外部命令,也不是可运行的程序或批处理文件。然后不管是修改node版本还是删除node重新安装都不管用,最后发现是因为node安装文件名Program Files存在空格引起的。
如何修改

  1. 执行npm config get cache查看nodejs路径
  2. 执行npm config set cache "C:\Program~1\nodejs" --global来修改路径
  3. 最后再尝试安装nuxtjs发现安装成功
  4. 安装完成之后的目录结构如下 image.png

如果想继续了解nuxtjs的使用,请继续关注后续文章。