# vue-nuxt

**Repository Path**: d7c/vue-nuxt

## Basic Information

- **Project Name**: vue-nuxt
- **Description**: vue 服务端渲染通用应用框架 Nuxt。
- **Primary Language**: NodeJS
- **License**: AGPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-01-09
- **Last Updated**: 2023-02-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-nuxt

## 介绍

vue 服务端渲染通用应用框架 Nuxt。

## 软件架构

### NuxtJS

NuxtJS 官网地址：[https://nuxtjs.org/](https://nuxtjs.org/)，NuxtJS 文档地址：[https://nuxtjs.org/docs/get-started/installation](https://nuxtjs.org/docs/get-started/installation)。

## 安装教程

### 1、安装 create-nuxt-app

```
npm install -g create-nuxt-app
```

### 2、创建项目

```
npx create-nuxt-app vue-nuxt
```

## 目录说明

```
|-- vue-nuxt
    |-- .nuxt（编译运行的客户端和服务端代码）
    |-- assets（包含未编译的资产，如 Stylus、Sass 文件、图片或字体。）
    |-- components（components 目录包含 Vue.js 组件。组件组成了页面的不同部分，可以重用并导入到页面、布局甚至其他组件中。）
    |-- layouts（公共布局）
    |-- pages（此目录包含应用程序视图和路由。Nuxt 将读取所有的 .vue 文件，并自动安装 vue 路由器。）
    |-- plugins（包含在实例化 Vue.js 根应用程序之前要运行的 JavaScript 插件。这是添加 Vue 插件和注入函数或常量的地方。每次需要使用 Vue.use() 时，应该在 plugins/ 中创建一个文件，并将其路径添加到 nuext.config.js 文件中的 plugins 中。）
    |-- static（此目录包含静态文件，目录中的每个文件都映射到 /。）
    |-- store（此目录包含 Vuex 存储文件，在这个目录中创建一个文件会自动激活 Vuex。）
```

## 使用说明

### install dependencies
```
npm install
```

### serve with hot reload at localhost:3000
```
npm run dev
```

### build for production and launch server
```
npm run build
npm run start
```

### generate static project
```
npm run generate
```

## 运行展示

<img src="./docs/展示.png">

## 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request

## 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)

<style>p{text-indent:2em}</style>