# 漫威周边2.0

**Repository Path**: zyqcl/marvel-peripheral-20

## Basic Information

- **Project Name**: 漫威周边2.0
- **Description**: 这是一个漫威周边商场的项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-06-10
- **Last Updated**: 2022-06-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# marvek-perioheral

使用前端主流技术栈 Vue3 + Vite2 + TypeScript + Vue Router +  Pinia  + Vant + postcss-px-to-viewport

## 技术栈

| 技术栈   | 描述 | 官网                           |
| ---- | ---- | ---- |
| Vue3         | 渐进式 JavaScript 框架   | https://v3.cn.vuejs.org/             |
| TypeScript  | JavaScript 的一个超集  | https://www.tslang.cn/               
| Vite2        | 前端开发与构建工具  | https://cn.vitejs.dev/               |
| Vant | Vant 是一个轻量、可靠的移动端组件库 | https://vant-contrib.gitee.io/vant/#/zh-CN/quickstart/|
| Pinia        |   新一代状态管理工具 |  https://pinia.vuejs.org/ |
| Vue Router  | Vue.js 的官方路由 |https://router.vuejs.org/zh/ |
| postcss-px-to-viewport  | 适配移动端项目(由于Vant底层设计稿是375的,可以在实际开发中把配置改成375然后如果蓝湖的图是750设置成375展示即可) |https://www.jianshu.com/p/6e53f8f9634d/ |


### 环境准备

- 安装 Node

    版本：v14 或 v16 

- 开发工具

    推荐 VSCode

- 必装插件

    VSCode 插件市场搜索并安装 Volar, 且一定要禁用 Vetur，不然代码会出现组件使用了但编译器还报组件未使用的警告信息，另外尤大也在Vue3生态话题说过 Volar 将会替代 Vetur 作为 Vue 的官方插件。

### 项目启动

1. yarn 
2. yarn dev (npm run dev)
3. 浏览器访问 http://localhost:3000

### 项目部署