vue3.0_vant_mobile: 一个基于vue3.0生成的移动端基础脚手架；内置技术：vue3.0+vuex+router+axios+vant+webpack node:14.18.2；已配置移动端适配px转rem

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

15934040823/vue3.0_vant_mobile

简介

发行版

贡献者

近期动态

15934040823/vue3.0_vant_mobile .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

15934040823/vue3.0_vant_mobile