初始化nuxt.js应用的方式

it2023-04-04  78

运行 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的页面,自动为我们生成路由。

最新回复(0)