# nuxt-v3-starter

**Repository Path**: shujinghan/nuxt-v3-starter

## Basic Information

- **Project Name**: nuxt-v3-starter
- **Description**: nuxt-v3项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-02-20
- **Last Updated**: 2022-06-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Nuxt 3 Minimal Starter

We recommend to look at the [documentation](https://v3.nuxtjs.org).

## Setup

Make sure to install the dependencies

```bash
yarn install
```

## Development

Start the development server on http://localhost:3000

```bash
yarn dev
```

## Production

Build the application for production:

```bash
yarn build
```

Checkout the [deployment documentation](https://v3.nuxtjs.org/docs/deployment).


nuxt安装tailwindcss
https://www.tailwindcss.cn/docs/guides/nuxtjs


踩坑点
关于layouts布局
应该在app.vue的时候就给页面包裹上<NxutLayout></NxutLayout>标签，不然layout的配置会失效
也可以在pages的页面里外层包裹<NxutLayout name="xxx"></NxutLayout>，但那样太麻烦
推荐
```
<template>
  <div>
    <h1>home page</h1>
  </div>
</template>
<script setup>
definePageMeta({
  layout: 'mobile'
});
</script>
```

关于状态共享
两种 nuxt自带的composables和pinia
区别及优缺点？


关于组件
所有组件都是自动导入的，alter import

关于插件plugin
https://v3.nuxtjs.org/docs/directory-structure/plugins/#vue-plugins
集成了elemnt-plus，暂时问题较多，安装element-plus包，在app.vue中引入样式文件
element-plus官网
https://element-plus.gitee.io/zh-CN/
element官方的nuxt3demo
https://github.com/element-plus/element-plus-nuxt-starter