美文网首页
初识nuxt

初识nuxt

作者: 孤独的豺狼 | 来源:发表于2020-01-07 11:00 被阅读0次

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 目录中的文件更改,因此在添加新页面时无需重新启动应用程序。

相关文章

网友评论

      本文标题:初识nuxt

      本文链接:https://www.haomeiwen.com/subject/hatractx.html