# vite-ssr-x

**Repository Path**: wmlgl/vite-ssr-x

## Basic Information

- **Project Name**: vite-ssr-x
- **Description**: Vite + SSR + Vue 3 + Pinia + TypeScript 脚手架，兼容普通模式和SSR模式，适合普通项目转为SSR
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 2
- **Created**: 2024-09-19
- **Last Updated**: 2025-03-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vite, SSR, Vue

## README

# Vite + SSR + Vue 3 + Pinia + TypeScript 脚手架
本项目目的旨在提供一个方便将现有项目转为SSR的方式，现成框架大多需要特定目录、文件名、后缀等，对于改造老项目非常不友好。
本项目支持编译为 SSR 项目或普通项目
npm run dev 启动普通模式
npm run build:normal 编译为普通项目
npm run ssr 启动 SSR 模式
npm run build 编译为 ssr 项目

# Vue 3 + TypeScript + Vite

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

## Recommended IDE Setup

- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)

## Type Support For `.vue` Imports in TS

Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's Take Over mode by following these steps:

1. Run `Extensions: Show Built-in Extensions` from VS Code's command palette, look for `TypeScript and JavaScript Language Features`, then right click and select `Disable (Workspace)`. By default, Take Over mode will enable itself if the default TypeScript extension is disabled.
2. Reload the VS Code window by running `Developer: Reload Window` from the command palette.

You can learn more about Take Over mode [here](https://github.com/johnsoncodehk/volar/discussions/471).