# vue3-vite2-ts

**Repository Path**: wll8/vue3-vite2-ts

## Basic Information

- **Project Name**: vue3-vite2-ts
- **Description**: vue3+vite2+Typescript 全新写法，从此开发前端舒畅无比，支持 nodejs 13.14.0+ 兼容 win7 打包，一套学习vue3+vite2快速上手原始模型库，MIT协议，可以用于开发任意商业项目
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 17
- **Created**: 2022-03-11
- **Last Updated**: 2022-05-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + Vite2 + Typescript

[![license](https://img.shields.io/badge/license-MIT-green.svg)](./LICENSE) [![vue](https://img.shields.io/badge/vue-3+-grass?logo=v-art)](https://v3.cn.vuejs.org/)  [![vite](https://img.shields.io/badge/vite-2+-a652fe?logo=vite&logoColor=ffbc14)](https://cn.vitejs.dev/)  [![typescript](https://img.shields.io/badge/typescript-4.5+-3178c6?logo=typescript&logoColor=white)](https://www.typescriptlang.org/zh/)

> 或许你会问为什么要重做轮子？在前端开源界越来越多 vue3 项目源码出现，但发现很多都没办法在win7系统下正常打包用于生产，window7仅支持nodejs的最高版本也只能到 v13.14.0 版，我唯有不得不因要nodejs使最新版而升级window系统，但vue3本身就支持nodejs v12+，可惜大部分开源作品都无法在 node v12+下完美开发，基于好的东西不应有太多限制，于是乎这轮子就产生了，希望你使用该轮子能有所发现。作为一名前后端程序员，心里永远想着快乐撸码，用代码改变世界改善生活，但愿你亦如此！

## 脚手架简介
Vue 3 and Typescript in Vite2 全新写法，从此开发前端舒畅无比，支持 nodejs 13.14.0+ 完全兼容 win7 环境下开发打包，一套学习 vue3 + vite2 + Typescript 快速上手的原型脚手架库，MIT协议，可以应用于任意商业项目，`它快得不止那么一点点...` ^-^

## 脚手架特性

- **最新技术栈**：使用 `Vue3`/`vite2`/`Typescript` 等前端前沿技术开发
- **依赖包管理**：支持 npm、pnpm、yarn
- **TypeScript**：源自微软的应用程序级 `JavaScript` 超集，强类型式脚本
- **主题色调**：集合浅亮模式，黑暗模式，灰调模式，色弱模式
- **代码规范**：命名规范、注释规范、缩进排版规范、文件名规范、声明规范
- **权限路由**：前端文件式自动路由、能快速实现后端动态路由

## 工欲善其事，必先利其器

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

- 特别推荐使用 Vue 3 `<script setup lang="ts">` 语法糖, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

# 如何贡献

非常欢迎您的加入！[提一个 Issue](https://gitee.com/pgcao/vue3-vite2-ts/issues) 或者提交一个 Pull Request。

## 下载

```
git clone https://gitee.com/pgcao/vue3-vite2-ts.git
```

## 进入项目文件夹
```
cd vue3-vite2-ts
```

## 安装
```
yarn
```

## 开发
```
yarn dev
```

## 打包(window10)
```
yarn build
```

## 打包(window7)
```
yarn build:win7
```

## 预览
```
yarn serve
```

# 更多技术栈

待整理中...