初始化nuxt.js应用的方式

• 运行 create-nuxt-app

• 从头开始新建项目

  • 新建文件夹rend并在vscode打开
  • npm init -y 初始化package.json
  • npm i nuxt 安装nuxt
  • package.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的页面，自动为我们生成路由。