# ssr-template

**Repository Path**: jh_shot/ssr-template

## Basic Information

- **Project Name**: ssr-template
- **Description**: Nuxt.js Vue3 服务端渲染模板
- **Primary Language**: TypeScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2021-11-01
- **Last Updated**: 2025-02-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, Nuxt

## README

# SSR Template

## 简介

SSR Template 是一个开源的服务端渲染模版。

## 特性

- **技术栈**：使用 Vue3/Nuxt3 等前端前沿技术开发
- **TypeScript**：应用程序级 JavaScript 的语言
- **特性**：使用 Vue 和 TSX 编写组件

## 准备

- [Node](http://nodejs.org/) 和 [Git](https://git-scm.com/)
- [Vue3](https://v3.cn.vuejs.org/guide/introduction.html)
- [Nuxt3](https://v3.nuxtjs.org/guide/concepts/introduction)

## 安装使用

- 获取项目代码

```bash
git clone https://gitee.com/jh_shot/ssr-template.git
```

- 安装依赖

```bash
npm i
```

- 运行

```bash
npm run dev
```

- 打包

```bash
npm run build
```

## 注意事项

- 装上 volar 插件后更好的支持模板开发
- 升级 Nuxt 版本需要先删除 node_modules 和依赖锁定文件
- Node 版本需要 18 及以上
- 使用 useCookie 保存登录状态，前后端通用
- ElementPlus 用到 Teleports 的组件需要 `ClientOnly` 包裹
- 非组件内调用的 ElMessage 等需要注入当前的 context
- 枚举值作为类型使用时要用 `import type` 导入

## 待解决