# vue3.0_vant_mobile

**Repository Path**: hyduan_h5/vue3.0_vant_mobile

## Basic Information

- **Project Name**: vue3.0_vant_mobile
- **Description**: 一个基于vue3.0生成的移动端基础脚手架；内置技术：vue3.0+vuex+router+axios+vant+webpack
node:14.18.2；已配置移动端适配px转rem
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 3
- **Created**: 2021-12-17
- **Last Updated**: 2024-07-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3cli-h5, Vue, Vuex, JavaScript, webpack

## README

# vue-cli4.0+vue3.0



#### 介绍
------------------------
Vue-cli4.0+vue3.0脚手架
vue搭建移动端模版（移动端）
<img src="./static/gif.gif" width="100%" height="519px"/>  


#### Author information
------------------------
```
1. authentic：hyduan
2. authEmail：17835399154@163.com
3. authCsdn: hyduan_h5(https://blog.csdn.net/duanhy_love)
4. authGitee:hyduan_h5(https://gitee.com/hyduan_h5)
5. authWx: hyduan_h5(+v需备注来源)
6. authOccupation:Front end development engineer
```




#### 技术栈
------------------------
vue 3.0 + vuex 4.0+ vue-router + webpack + ES6/7 + axious + vant


#### 目录结构
------------------------

```bash
├── /pubilc/         # 项目入口
├── /src/            # 源码目录
│ ├── /api/          # 请求
│ ├── /assets/       # 组件静态资源(图片)
│ ├── /components/   # 公共组件
│ ├── /router/       # 路由配置
│ ├── /store/        # vuex状态管理
│ ├── /utils/        # 工具箱
│ ├── /views/        # 路由组件(页面维度)
│ ├── App.vue        # 组件入口
│ └── main.js        # 程序入口
├── .env.development # 开发环境配置
├── .env.production  # 生产环境配置
├── .env.test        # 测试环境配置
├── .gitignore       # git忽略文件
├── index.html       # 页面入口
├── package.json     # 项目依赖
└── README.md        # 项目文档
├── vue.config.js    # 配置文件


```


#### 完成功能
------------------------
- [x] 登录 -- 完成
- [x] 首页 -- 完成
- [x] 404页-- 完成
- [x] 401页-- 完成



#### 运行项目
------------------------

``` bash
# install dependencies
npm install
cnpm install

# serve with hot reload at localhost:8080
npm run dev
npm run start
npm run serve

# serve with hot reload at the production environment
npm run serve:pro

# serve with hot reload at the test environment
npm run serve:test

# build for production with minification In the production environment
npm run build

# build for production with minification In the development environment
npm run build:dev

# build for production with minification In the test environment
npm run build:test


```

#### 项目源码地址：
------------------------

码云地址：https://gitee.com/hyduan_h5/vue3.0_vant_mobile  


#### 软件架构
软件架构说明

#### 使用说明

1.  普通练习可直接Fork本仓库
2.  如需商用请联系作者
3.  出现版权纠纷概不负责

#### 参与贡献

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