# mobile-shoping

**Repository Path**: giteelfll/mobile-shoping

## Basic Information

- **Project Name**: mobile-shoping
- **Description**: 移动端,ts,wan组件库,基于piano存储数据(未完成)
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-07-04
- **Last Updated**: 2024-07-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 创建项目

```
终端输入指令: npm create vue@latest
Need to install the following packages:
create-vue@3.10.4
Ok to proceed? (y)

Vue.js - The Progressive JavaScript Framework

√ Project name: ... vue-app             输入项目名
√ Add TypeScript? ... No / Yes          使用
√ Add JSX Support? ... No / Yes         JSX 不需要, react 使用
√ Add Vue Router for Single Page Application development? ... No / Yes      按键盘方向键选择 yes 敲回车
√ Add Pinia for state management? ... No / Yes                              使用

代码测试工具已书写规范工具全都不需要
√ Add Vitest for Unit Testing? ... No / Yes
√ Add an End-to-End Testing Solution? » No
√ Add ESLint for code quality? ... No / Yes
√ Add Vue DevTools 7 extension for debugging? (experimental) ... No / Yes
```

# 项目依赖包

-   css 预编译语言 sass
    -   npm i sass
-   axios
    -   npm i axios
-   css 格式化文件 normalize.css
    -   npm i normalize.css
-   vant 组件库
    -   npm i vant
    -   https://vant-ui.github.io/vant/#/zh-CN/home

### vant 按需引入组件

1. 安装插件

```
# 通过 npm 安装
npm i @vant/auto-import-resolver unplugin-vue-components unplugin-auto-import -D
```

2. 因为我们是使用 vite 创建的项目, 所以需要配置 vite.config.ts

```js
import vue from "@vitejs/plugin-vue";
import AutoImport from "unplugin-auto-import/vite";
import Components from "unplugin-vue-components/vite";
import { VantResolver } from "@vant/auto-import-resolver";

export default {
    plugins: [
        vue(),
        AutoImport({
            resolvers: [VantResolver()],
        }),
        Components({
            resolvers: [VantResolver()],
        }),
    ],
};
```

# 接口文档地址

> http://121.89.205.189:3000/apidoc/
> 请求基准地址: http://121.89.205.189:3000/api