# vue3-test

**Repository Path**: jingqi1986/vue3-test

## Basic Information

- **Project Name**: vue3-test
- **Description**: vue3+vite+Ts+pinia+实战+源码+electron
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-03-04
- **Last Updated**: 2025-07-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue3-test

## 介绍

vue3+vite+Ts+pinia+实战+源码+electron

## 软件架构

软件架构说明

## 安装教程

    *方法一：*
1. npm init vite@latest
2. vite-demo
3. y
4. Vue
5. TypeScript

   > 这种方式是vite创建的，支持react、vue2、vue3、小程序、web组件、node、webview
   >

   *方法二：*
6. npm init vue@latest
7. y
8. vue-demo
9. 全部Yes

   > 这种方式是专门为vue定制的，配套功能比较齐全
   >

## 使用说明

### 单页面编写说明

*创建页面*

   > 1. 在src/pages下创建页面文件夹
   > 2. 在文件夹中创建index.vue
   > 3. 在index.vue中编写页面内容,使用Vue2的CompositionAPI写法也行；Vue3中template可以包含多个节点，script标签，有且只有一个，加上setup属性；style标签同Vue2用法。具体内容可以参考App.vue文件
   > 4. 在src/router/index.ts中配置路由


## 参与贡献

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/)