nuxt是什么
vue的seo化,因为vue是spa,不支持seo,从本地运行的源码可以看出来,html没有tkd(SEO过程中提炼出来的一个方便表达、书写的字母)和相关文字,导致百度收录困难,所以nuxt可以很好的解决这个问题。小编理解(简单来说就是我们在审查元素的时候单纯的vue文件写出来的无法审查到元素,nuxt可以在审查元素的时候帮助我们获取到我们写的html,css,js代码。)
运行 create-nuxt-app
为了快速入门,Nuxt.js团队创建了脚手架工具 create-nuxt-app。
确保安装了npx(npx在NPM版本5.2.0默认安装了):
npm -v(查看npx版本号)
创建项目
npx create-nuxt-app <项目名>
安装 nuxt
npm install --save nuxt
Nuxt.js 会依据 pages 目录中的所有 *.vue 文件生成应用的路由配置。
创建 pages 目录:
mkdir pages
创建我们的第一个页面 pages/index.vue:
<template>
<h1>Hello world!</h1>
</template>
然后启动项目:
npm run dev
注意:Nuxt.js 会监听 pages 目录中的文件更改,因此在添加新页面时无需重新启动应用程序。
网友评论