# cs-wehcat

> **技术栈** vue + vuex + vue-router + axios + vant

Latest version **0.1.0** (published 2019-06-26) · 0 weekly downloads

## Install

```sh
npm install cs-wehcat
pnpm add cs-wehcat
yarn add cs-wehcat
bun add cs-wehcat
```

## Health

**Score 10/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.0 |
| Published | 2019-06-26 |
| First published | 2019-06-26 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 16 |
| Unpacked size | 1.4 MB |
| Known vulnerabilities | 0 (+28 in 4 direct dependencies) |
| Install scripts | no |
| Maintainers | zisefeng |

## Links

- npm: https://www.npmjs.com/package/cs-wehcat
- npm.io page: https://npm.io/package/cs-wehcat

## Dependencies (16)

- [qs](https://npm.io/package/qs.md) ^6.7.0
- [lrz](https://npm.io/package/lrz.md) ^4.9.40
- [vue](https://npm.io/package/vue.md) ^2.6.10
- [vant](https://npm.io/package/vant.md) ^1.6.16
- [vuex](https://npm.io/package/vuex.md) ^3.0.1
- [axios](https://npm.io/package/axios.md) ^0.19.0
- [moment](https://npm.io/package/moment.md) ^2.24.0
- [core-js](https://npm.io/package/core-js.md) ^2.6.5
- [js-cookie](https://npm.io/package/js-cookie.md) ^2.2.0
- [vue-router](https://npm.io/package/vue-router.md) ^3.0.3
- [lib-flexible](https://npm.io/package/lib-flexible.md) ^0.3.2
- [postcss-pxtorem](https://npm.io/package/postcss-pxtorem.md) ^4.0.1
- [svg-sprite-loader](https://npm.io/package/svg-sprite-loader.md) ^4.1.6
- [vue-awesome-swiper](https://npm.io/package/vue-awesome-swiper.md) ^3.1.3
- [html-webpack-plugin](https://npm.io/package/html-webpack-plugin.md) ^4.0.0-beta.5
- [uglifyjs-webpack-plugin](https://npm.io/package/uglifyjs-webpack-plugin.md) ^2.1.3

## Recent versions

- 0.1.0 (latest) — 2019-06-26

## README

## 0.1. cs-wechat
**技术栈** vue + vuex + vue-router + axios + vant

## 0.2. Project setup
```
npm install
```

### 0.2.1. Compiles and hot-reloads for development
```
npm run serve
```

### 0.2.2. Compiles and minifies for production
```
npm run build
```

### 0.2.3. Run your tests
```
npm run test
```

### 0.2.4. Lints and fixes files
```
npm run lint
```

### 0.2.5. Run your end-to-end tests
```
npm run test:e2e
```

### 0.2.6. Run your unit tests
```
npm run test:unit
```
### 0.2.7. Run your mock data
```
npm run mock 
```
打开本地的 http://localhost:3000/dev-api/user/info

### 0.2.8
< npm run build:dev 对应develop环境
< npm run build:sit 对应site环境
< npm run build:pre 对应预发布环境
< npm run build:prod 对应线上环境

.env.xx文件，对应配置不同的环境。 修改参数VUE_APP_BASE_API，配置对应环境接口地址

## 0.3. 项目目录
├── examples                   // 源代码
│   ├── api                    // 所有请求
│   ├── assets                 // 主题 字体等静态资源
│   ├── components             // 全局公用组件
│   ├── icons                  // 项目所有 svg icons
│   ├── mock                   // 项目mock 模拟数据
│   ├── router                 // 路由
│   ├── store                  // 全局 store管理
│   ├── styles                 // 全局样式
│   ├── utils                  // 全局公用方法
│   ├── vendor                 // 公用vendor 公共库
│   ├── views                  // view 页面
│   ├── docs                   // markdowm文件
│   ├── App.vue                // 入口页面
│   ├── main.js                // 入口 加载组件 初始化等
├── static                     // 第三方不打包资源
│   └── Tinymce                // 富文本
├── .babelrc                   // babel-loader 配置
├── eslintrc.js                // eslint 配置项
├── .gitignore                 // git 忽略项
├── public                     // public
│   ├──index.html              // html 文件
│   ├──favicon.ico             // favicon文件
├── packages                   // 自定义封装组件
│   ├──color-picker            // 颜色选择器
│   ├──index.js                // 组件安装
├── .browserslistrc            // 浏览器安装版本
├── .env.development           // development环境下配置
├── .env.site                  // site环境下配置
├── .env.production            // production环境下配置
├── .eslintrc.js               // eslint编译规则
└── package.json               // package.json

### postcss-px2rem
**将px转化rem**
将px转化位rem
remUnit: 75,//rem对应px值 750/10=75
propWhiteList: ['width'],同 propList: ['width']，指定哪些属性可以被转化位rem
minPixelValue: 2,//小于这个值不转化位rem
关于postcss-px2rem见。postcssrc.js
或者在webpack中plugins中添加
```
 new webpack.LoaderOptionsPlugin({
 // webpack 2.0之后， 此配置不能直接写在自定义配置项中， 必须写在此处
  vue: {
    postcss: [require('postcss-px2rem')({ remUnit: 75, propWhiteList: [] })]
  },
 })
 ```

vue-cli3中写在vue.config.js
```
postcss: {
  plugins: [
    require('postcss-px2rem')({
      remUnit: 75, // ui设计稿750像素, 换算的基数 750/10
      propList: ['*'],
      mediaQuery: false, // 允许在媒体查询中转换px。
      exclude: '/node_modules/',
      minPixelValue: 3, //设置要替换的最小像素值(3px会被转rem)。 默认 0
      selectorBlackList: ['weui', 'mu'] // 忽略转换正则匹配项
    })
  ]
}
```

---
_Source: https://npm.io/package/cs-wehcat · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._