# applet

**Repository Path**: github-sunflower/applet

## Basic Information

- **Project Name**: applet
- **Description**: 先动会员小程序
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-08-26
- **Last Updated**: 2021-09-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 先动, 先动会员小程序

## README

### 目录结构

```
├── api                    # 所有请求
├── assets                 # 字体图标、mixins、样式等静态资源 (会被编译)
├── components             # 全局公用组件
├── config                  # 请求密钥 域名 当前环境项目配置目录
├── controller             # 一些流程操作的类封装文件
├── mixins                 # 全局混入文件
├── pages                  # pages 所有页面
├── static                 # 大图 视频文件等静态资源目录（不参与编译）
│   ├── images             # 图片资源
│   ├── videos             # 视频资源
├── store                  # 全局 store 管理 （ 缓存 ）
├── unpackage              # hbuilder 打包项目文件
├── utils                  # 全局公用方法
│   │ libs                 # 第三方类库目录
│   │ ├── validation       # 表单验证封装库
│   │ ├── http             # 请求库
│   │ axios.js             # 封装的 request 请求
│   │ index.js             # 通用方法文件
│   │ uni.js               # 对 uni 基础 api 的封装
├── .gitignore             # git 提交配置文件
├── .prettierrc.js         # 格式化插件 prettier 配置文件
├── App.vue                # 入口页面
├── main.js                # 入口文件 加载组件 初始化等
├── mainfest.json          # hbuilder 配置文件
├── pages.json             # 全局路由 项目配置颜色 标题等配置文件
└── uni.scss               # 全局的 scss 配置文件，会被提前编译
```

### 格式化工具 prettier 规则

.prettierrc.js

```
module.exports = {
  // 行尾分号
  semi: false,
  // 单引号
  singleQuote: true,
  // 每行最大宽度
  printWidth: 180,
  // 是否折行
  proseWrap: 'never',
  // 所有可能的地方都加上逗号，比如数组、对象最后一个元素
  trailingComma: 'none',
  // 为单行箭头函数的参数添加圆括号
  arrowParens: 'avoid',
  // 括号空格 { foo: bar }
  bracketSpacing: true,
  // "css" - 遵守CSS显示属性的默认值 、"strict" - 空格被认为是敏感的 、"ignore" - 空格被认为是不敏感的
  htmlWhitespaceSensitivity: 'css',
  // 缩进字符
  tabWidth: 2,
  // 使用tab（制表位）缩进而非空格
  useTabs: false,
  parsers: {
    '.jsx': 'flow',
    '.scss': 'scss',
    '.ts': 'typescript',
    '.less': 'css',
    '.vue': 'vue',
    '.nvue': 'vue',
    '.ux': 'vue',
    '.yml': 'yaml'
  }
}
```

### 关于 static 目录

1. 编译到任意平台时，static 目录下的文件均会被完整打包进去，且不会编译。非 static 目录下的文件（vue、js、css 等）只有被引用到才会被打包编译进去。
2. ==static 目录下的 js 文件不会被编译==，如果里面有 es6 的代码，不经过转换直接运行，在手机设备上会报错。
3. css、less/scss 等资源不要放在 static 目录下，建议这些公用的资源放在自建的 assets 目录下。

### 关于 uni.scss 文件

1. 全局 @mixin 需要放到这个文件，否则其他文件直接使用会报错未找到
2. class 尽量不要写在这个文件内，最好在 App.vue 引用。 放在这里会在每个 wxss 内引入，增加打包体积大小