# ydzy

**Repository Path**: xujin_910/ydzy

## Basic Information

- **Project Name**: ydzy
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-22
- **Last Updated**: 2025-08-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-template-mobile

前端工程模板-移动端

目录结构说明：

```text

│  .editorconfig
│  .env  // 公共环境变量
│  .env.development  // 开发环境变量，
|                    // 注：你还可以创建一个 .env.development.local 的环境变量文件去覆盖 .env.development 里的内容，
|                    // 生产/sit/uat/的环境变量文件页可以创建local版，local版的环境变量不会提交到git
│  .env.production   // 生产环境变量
│  .env.sit  // sit环境变量
│  .env.uat  // uat环境变量
│  .gitignore
│  babel.config.js
│  jsconfig.json
│  package-lock.json
│  package.json
│  README.md
│  vue.config.js
|  dist // 代码编译输出目录
│
├─node_modules
├─public
└─src
    │  App.vue
    │  main.js
    │
    ├─api // 公共API封装目录
    │      index.js
    │
    ├─assets //公共资源目录
    │  ├─images  // 公共图片存放目录
    │  └─styles  // 公共样式存放目录
    │          app.less // 全局样式
    │          mixins.less // 工具方法
    │          variables.less // 样式变量
    │
    ├─components  // 公共组件目录
    │  │  index.js
    │  │  Readme.md
    │  │
    │  ├─base // 此目录说明看 .gitkeep文件说明
    │  │      .gitkeep
    │  │
    │  ├─common  // 公共基础组件目录
    │  │      ActionBar.vue  // 操作栏组件
    │  │      Pagination.vue  // 翻页组件
    │  │
    │  └─layout  // 应用布局目录
    │          Header.vue  // 应用头部导航栏
    │
    ├─config  // 应用公共配置存放目录
    │  │  dictionary.js  // 应用公共字典存放目录
    │  │  index.js // 应用公共配置
    │  │
    │  ├─router  // vue路由配置目录，此目录内的文件一般情况下不需要修改
    │  ├─store  // vuex配置目录，此目录内的文件一般情况下不需要修改
    │  └─theme  // element ui 主题源文件目录，可用于编译主题颜色
    |
    ├─modules  // 应用模块目录（页面）
    │  ├─about  // about 模块
    │  │  │  About.vue  // about 模块的入口页面
    │  │  │  route.js  // about 模块的路由声明文件，子模块的route也是写在这里
    │  │  │  store.js  // about 模块的store，子模块的store也是写在这里
    │  │  │
    │  │  ├─api // about模块的 api 请求封装，类似公共的api
    │  │  │      index.js
    │  │  │
    │  │  ├─assets //  about 模块的资源目录
    │  │  │  ├─images // about 模块的图片
    │  │  │  │      .gitkeep
    │  │  │  │
    │  │  │  └─styles // about模块的样式
    │  │  │          .gitkeep
    │  │  │
    │  │  └─components  // about模块的组件
    │  │         .gitkeep
    │  │         ActionHistoryModal.vue
    │  │         Card.vue
    │  │         CollapseItem.vue
    │  │         ColorSelector.vue
    │  │
    │  └─home  // 与about结构一致
    │      │  Home.vue
    │      │  route.js
    │      │  store.js
    │      │
    │      ├─api
    │      │      index.js
    │      │
    │      ├─assets
    │      │  ├─images
    │      │  │      .gitkeep
    │      │  │
    │      │  └─styles
    │      │          .gitkeep
    │      │
    │      ├─components
    │      │       .gitkeep
    │      │       EditLoanModal.vue
    │      │
    │      └─modules  // about模块的字模块目录
    │          ├─hello  // about/hello 模块
    │          │  │  Hello.vue  // about/hello 模块文件
    │          │  │
    │          │  ├─api  // about/hello 模块的api封装
    │          │  │      index.js
    │          │  │
    │          │  └─components  // about/hello 模块的组件
    │          │          .gitkeep
    │          │
    │          └─world  // about/world 模块，与上面的hello结构一样
    │                  World.vue
    │
    ├─plugins  // 公共插件目录
    │  │  vant-ui.js  // vant ui 配置
    │  │  index.js  // 插件目录入口
    │  │
    │  └─progressBar  // 导航进度条插件
    │          index.js
    │          progress.less
    │
    ├─store  // 公共store目录
    │      actions.js
    │      getters.js
    │      mutations.js
    │      state.js
    │
    └─utils  // 公共工具方法目录
        │  dd.js  // 对钉钉方法的统一封装，若使用其他钉钉的方法需先在这里封装后再在代码中引用此文件调用
        │  index.js  // 通用工具方法，不包含任何业务相关的代码工具方法写这里
        │  request.js  // 请求封装，详情看下面的业务请求封装说明
        │  sso.js  // 对单点JS API的二次封装,所有需要用到单点JS API的地方都需要引用此文件来调用
        │  tools.js  // // 业务工具文件，涉及业务的工具方法写这里
        │
        └─vendors  // 外部JS库目录，单点JS API放在这里
                sso-v1.2.2.min.js
                sso-v1.2.2.sit.local.min.js
                sso-v1.2.2.sit.min.js
```

## 项目开始
```
npm install
```

### 进入开发模式
```
npm run dev
```

### 构建生产包
```
npm run build
```

### 构建SIT包
```
npm run build:sit
```

### Eslint 修复文件语法错误
```
npm run lint
```

### 布局

- 使用了`postcss-pxtorem`把`px`转化为`rem`
- 如果要保留`px`，使用大写的`PX`
- 宽为 375px 的情况下 1rem = 100px

### 依赖
1.删除依赖
npm install rimraf -g


### 关于工程模板

本工程模板基于 vue cli 4，若有其他配置需求可参考vue cli官方文档

See [Configuration Reference](https://cli.vuejs.org/config/).