Nuxt3开发项目模版

npm i -g pnpm
pnpm dlx nuxi init nuxt3-app
code nuxt3-app
pnpm install --shamefully-hoist
pnpm run dev -- -o         // start your nuxt app in development mode:

有人说Nuxt干嘛的，官方是这样说：

       Nuxt的目标是让web开发变得直观、高效，同时考虑到良好的开发体验。

 

 所以你看nuxt3用的还是vite.

 现在来改造下，完成一个helloword, 最小的Nuxt 3应用程序 ,只需要这4个文件

./app.vue
<template>
  <div>hello world</div>
</template>

./nuxt.config.ts
import { defineNuxtConfig } from "nuxt3"; 
// https://v3.nuxtjs.org/docs/directory-structure/nuxt.config
export default defineNuxtConfig({});

./package.json
{
  "private": true,
  "scripts": {
    "dev": "nuxi dev",
    "build": "nuxi build",
    "start": "node .output/server/index.mjs"
  },
  "devDependencies": {
    "nuxt3": "latest"
  }
}

./tsconfig.json
{
  // https://v3.nuxtjs.org/concepts/typescript
  "extends": "./.nuxt/tsconfig.json"
}