场景:
做官网首页,想要 SEO 搜索优化,vue SPA 页面不利于 SEO,故使用 nuxt.js 进行小测一波。
附上 NUXT.JS 官方文档:NUXT.JS
Vue3文档已更新
开始搭建:
node -v
vue -V
根据官方文档提示 有三种构建方式:
Yarn // yarn create nuxt-app <project-name>
npx // npx create-nuxt-app <project-name>
npm // npm init nuxt-app <project-name>
在这里使用的是 npx
可按照下列步骤选择即可
回车,静静等待即可。
出现以下,即成功下载完成
cd nuxt-vue (项目名称)
npm run dev
出现以下问题
经查找原因是没有 node 版本低(v8.11.4),直接更新到最顶级(v16.4.0)
删除掉之前下载的node_modules ,重新 npm i
静等安装,安装成功, npm run dev 结果 如下:
http://localhost:56012/
成功开启