- 小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。
之前有研究过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存在空格引起的。
如何修改:
- 执行
npm config get cache查看nodejs路径 - 执行
npm config set cache "C:\Program~1\nodejs" --global来修改路径 - 最后再尝试安装nuxtjs发现安装成功
- 安装完成之后的目录结构如下
如果想继续了解nuxtjs的使用,请继续关注后续文章。