运行 create-nuxt-app
从头开始新建项目
新建文件夹rend并在vscode打开npm init -y 初始化package.jsonnpm i nuxt 安装nuxtpackage.json中scripts增加"dev":“nuxt”在项目下新建pages文件夹,里面新建index.vue<template>
<h1>hello nuxt</h1>
</template>
<script>
export default {
name: 'hello'
}
</script>
执行npm run dev ,默认在3000端口启动应用。
我们可以在地址栏输入localhost:3000查看页面效果如下: 同时我们可以看到终端如下图:
这是因为他有两端,客户端和服务端,可以看到各自耗时
我们看到这里面并没有路由配置,是因为Nuxt.js会监控我们的pages的页面,自动为我们生成路由。