# hpinfo-front-h5
> ## Project setup ``` npm install ```
Latest version **0.0.8** (published 2022-04-13) · 0 weekly downloads
## Install
```sh
npm install hpinfo-front-h5
pnpm add hpinfo-front-h5
yarn add hpinfo-front-h5
bun add hpinfo-front-h5
```
## 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.0.8 |
| Published | 2022-04-13 |
| First published | 2022-04-13 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 37 |
| Unpacked size | 781.4 KB |
| Known vulnerabilities | 0 (+31 in 6 direct dependencies) |
| Install scripts | no |
| Author | 安歆 |
| Maintainers | zhangfan-npm |
## Links
- npm: https://www.npmjs.com/package/hpinfo-front-h5
- npm.io page: https://npm.io/package/hpinfo-front-h5
## Dependencies (37)
- [ajv](https://npm.io/package/ajv.md) 6.12.2
- [vue](https://npm.io/package/vue.md) 2.6.11
- [vuex](https://npm.io/package/vuex.md) 3.2.0
- [axios](https://npm.io/package/axios.md) 0.24.0
- [flyio](https://npm.io/package/flyio.md) 0.6.2
- [lodash](https://npm.io/package/lodash.md) 4.17.21
- [core-js](https://npm.io/package/core-js.md) 3.6.5
- [request](https://npm.io/package/request.md) 2.88.2
- [uview-ui](https://npm.io/package/uview-ui.md) 2.0.19
- [node-sass](https://npm.io/package/node-sass.md) 4.14.1
- [umtrack-wx](https://npm.io/package/umtrack-wx.md) ^2.7.1
- [@vue/shared](https://npm.io/package/@vue/shared.md) 3.0.0
- [lint-staged](https://npm.io/package/lint-staged.md) 12.1.7
- [bankcardinfo](https://npm.io/package/bankcardinfo.md) ^2.0.6
- [miniprogram-ci](https://npm.io/package/miniprogram-ci.md) ^1.8.0
- [uni-read-pages](https://npm.io/package/uni-read-pages.md) 1.0.5
- [@dcloudio/uni-h5](https://npm.io/package/@dcloudio/uni-h5.md) 2.0.1-33520211229002
- [uni-simple-router](https://npm.io/package/uni-simple-router.md) 2.0.8-beta.3
- [@dcloudio/uni-i18n](https://npm.io/package/@dcloudio/uni-i18n.md) 2.0.1-33520211229002
- [@dcloudio/uni-stat](https://npm.io/package/@dcloudio/uni-stat.md) 2.0.1-33520211229002
- [@dcloudio/uni-mp-qq](https://npm.io/package/@dcloudio/uni-mp-qq.md) 2.0.1-33520211229002
- [regenerator-runtime](https://npm.io/package/regenerator-runtime.md) 0.12.1
- [vue-class-component](https://npm.io/package/vue-class-component.md) 6.3.2
- [@dcloudio/uni-mp-360](https://npm.io/package/@dcloudio/uni-mp-360.md) 2.0.1-33520211229002
- [@dcloudio/uni-mp-vue](https://npm.io/package/@dcloudio/uni-mp-vue.md) 2.0.1-33520211229002
- [@dcloudio/uni-mp-lark](https://npm.io/package/@dcloudio/uni-mp-lark.md) 2.0.1-33520211229002
- [@dcloudio/uni-app-plus](https://npm.io/package/@dcloudio/uni-app-plus.md) 2.0.1-33520211229002
- [@dcloudio/uni-mp-baidu](https://npm.io/package/@dcloudio/uni-mp-baidu.md) 2.0.1-33520211229002
- [typescript-json-schema](https://npm.io/package/typescript-json-schema.md) 0.53.0
- [vue-property-decorator](https://npm.io/package/vue-property-decorator.md) 8.0.0
- [@dcloudio/uni-mp-alipay](https://npm.io/package/@dcloudio/uni-mp-alipay.md) 2.0.1-33520211229002
- [@dcloudio/uni-mp-weixin](https://npm.io/package/@dcloudio/uni-mp-weixin.md) 2.0.1-33520211229002
- [@dcloudio/uni-mp-toutiao](https://npm.io/package/@dcloudio/uni-mp-toutiao.md) 2.0.1-33520211229002
- [@dcloudio/uni-helper-json](https://npm.io/package/@dcloudio/uni-helper-json.md) *
- [@dcloudio/uni-mp-kuaishou](https://npm.io/package/@dcloudio/uni-mp-kuaishou.md) 2.0.1-33520211229002
- [@dcloudio/uni-quickapp-native](https://npm.io/package/@dcloudio/uni-quickapp-native.md) 2.0.1-33520211229002
- [@dcloudio/uni-quickapp-webview](https://npm.io/package/@dcloudio/uni-quickapp-webview.md) 2.0.1-33520211229002
## Recent versions
- 0.0.8 (latest) — 2022-04-13
## README
# hpinfo-front-h5
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
# 抢班侠小程序&H5前端项目
### 启动项目
```
MAC:
选择对应运行的平台（自定义的编译）
WINDOW:
选择对应运行的平台（自定义的编译）
```
### 发布项目
```
点击菜单栏发行 选择对应的发行平台
```
### 引入文件说明
```
当前项目src目录(./src*)被替换 @/ 所以src下文件均可使用 @/xxx访问
```
### 页面使用 对Vue 的扩展
```
import Vue from 'vue';
export default Vue.extend({})
替换
import Vue from '@/pages/base/Base';
export default Vue.extend({});
```
### vue 页面代码块模板 设置-》用户代码片段-》vue.js
```
{
"Print to console": {
"prefix": "vts",
"body": [
"",
"",
" ",
"",
"",
"",
""
],
"description": "vue-ts 页面模板"
}
}
```
### 类型和模块声明
```
./src/types/ 文件夹下 （需要.d.ts后缀文件）
sfc.d.ts 为系统自带
```
### 各个文件夹的作用
```
├── components 里面都是公用组件, 如果是页面上拆分的组件建议还是写在单独的页面文件夹里
├── plugins 三方组件库 可以做按需加载;
├── pages 里面都是页面
├── router 使用的是uni-simple-router的路由配置，和vue2写法一样
├── static
└── images 图片希望都在 https://tinypng.com/ 上面无损压缩一下
└──font 可能用到的自己的字体
├── unpackage 打包后生成的文件位置
├── utils 工具js
├── store 存储文件夹; 每个模块建议写在modules里面,然后引入,这样好管理
├── config 配置项
```
```
├── common────────────# 静态资源文件目录
│ └── base-cloud.scss─────────────────# BaseCloud样式类库入口文件
│ └── base-cloud-font.scss──────────────# BaseCloud图标样式文件
│ └── base-cloud-mobile.scss─────────────# BaseCloud移动端样式文件
```
### 功能模块uView接入
### 1、npm init y
### 2、npm install uview-ui
### 3、在uni.scss 增加颜色等的变量 @import "uview-ui/theme.scss";
### 4、在 app.vue 增加公用样式 @import "uview-ui/index.scss";
### 5、在page.json增加"easycom"配置
```
"easycom": {
// 下载安装的方式需要前面的"@/"，npm安装的方式无需"@/"
// 下载安装方式
// "^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
// npm安装方式
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
},
```
### 6、在main.js 全局引入 （当前使用plugins 三方组件库 可以做按需加载;）
```
import uView from 'uview-ui'
Vue.use(uView)
```
### 7、高德地图 key
```
key名称: anxin_qbx
key: ef567a44a8a9ef1a55616adadb9dff89
```
### 8、引入插件（需要的页面）
```
"pages": [
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "首页",
"navigationStyle":"custom",
"usingComponents":"plugin://xxx"
}
}
]
```
### 9、订阅通知 这个以前自己写 ，现在uniapp 居然直接提供了
```
// callback(res) {
// console.log("res: ", res);
// uni.$off(['update', this.callback])
// },
// uni.$on('update',this.callback)
```
### 10、官方web api 不兼容
```
小程序报错：AMap JSAPI can only be used in Browser.
为了兼容多个平台版本：所以页面地图使用高德的定位，ui 使用uniapp map组件
```
### 11、sass 安装
```
npm uninstall --save sass-loader // 卸载
npm i -D sass-loader@8.x // 安装
npm uninstall --save node-sass // 卸载
npm i node-sass@4.14.1 // 安装 (目前发现只有这个版本活了)
```
### 12、yapi自动接口生成工具
```
"wonderinit": "npm i axios && npm i request@^2.88.2 && npm i ajv@^6.12.2 && npm i lint-staged && npm i typescript-json-schema",
```
---
_Source: https://npm.io/package/hpinfo-front-h5 · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._