Skip to content

Commit

Permalink
增加ReadMe说明
Browse files Browse the repository at this point in the history
  • Loading branch information
CoderMikeHe committed Aug 15, 2019
1 parent 86e6e95 commit f2107ad
Show file tree
Hide file tree
Showing 3 changed files with 41 additions and 38 deletions.
72 changes: 35 additions & 37 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,39 +1,37 @@
# vue-wechat

## Project setup
```
npm install
```

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

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

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

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

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

### Run your unit tests
```
npm run test:unit
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
### 概述
- 利用`vue/cli 3.x + vue 2.x + vue-route 3.x + vuex 3.x` 来构建和模仿`微信7.0.x app`,同时利用`weui.css 2.0.x`提供样式和`weui.js 1.2.x`提供基础js封装,从而达到与原生app相近的视觉效果。
- 笔者于**2019年02月**入坑H5开发,纯属小白一枚,此项目初衷还是想通过项目实践新技术,在业务实践中发现问题,从而积累技术经验,源码中有详细的注释,以及发现问题和解决问题的思路。
- 笔者希望初学者通过学习和实践这个项目,能够打开学习`vue`的大门。当然同时也是抛砖引玉,取长补短,希望能够提供一点思路,少走一些弯路,填补一些细坑,在帮助他人的过程中,收获分享技术的乐趣。

---

### 使用
- 线上预览:<https://codermikehe.github.io/vue-wechat/>
- 项目运行

```
npm install // 项目初始化
npm run serve // 项目运行
```
- **使用注意**
* 笔者建议统一使用桌面端Chrome浏览器预览,手机预览可能会有少许Bug。
* Mac电脑:① 打开`Chrome浏览器`;② 打开 **开发者工具**(PS:`【鼠标右键】-【检查】` Or `Cmd+Alt+I`); ③ **模拟手机预览** (PS:`Cmd+Shift+M`)
* Windows电脑:① 打开`Chrome浏览器`;② 打开 **开发者工具**(PS:`F12`); ③ **模拟手机预览** (PS:`Ctrl+Shift+M`)
* 桌面端预览,请**忽略掉浏览器的前进和后退按钮**,毕竟移动端是没有这两个玩意滴,返回一般都是点击`返回按钮`来驱动的。
* 登陆和注册:只支持`QQ账号``手机号`的登录或注册(PS:后期增加`微信号和QQ邮箱`登陆),且必须保证`QQ``手机号`的有效性。`密码`或者`验证码`可以随便输入,但必须是:`密码`长度需要保证在`8~16`位,`手机验证码`必须保证是`6位有效数字`

---

### 期待
- 如果在使用过程中遇到BUG,希望你能Issues我,谢谢(或者尝试下载最新的代码看看BUG修复没有)。
- 如果在使用过程中有任何地方不理解,希望你能Issues我,我非常乐意促使项目的理解和使用,谢谢。
- 如果通过该工程的使用和说明文档的阅读,对你在平时开发中有帮助,码字不易,还请点击右上角`star`按钮,谢谢;
- 简书地址:<http://www.jianshu.com/u/126498da7523>

---

### 预览


4 changes: 3 additions & 1 deletion deploy.sh
Original file line number Diff line number Diff line change
Expand Up @@ -22,4 +22,6 @@ git commit -m 'deploy'
# 部署到 https://<USERNAME>.github.io/<REPO>
git push -f [email protected]:CoderMikeHe/vue-wechat.git master:gh-pages

cd -
cd -

# 自动发布 运行命令 bash deploy.sh
3 changes: 3 additions & 0 deletions src/main.js
Original file line number Diff line number Diff line change
Expand Up @@ -79,6 +79,9 @@ AccountHelper.resetRootRouterView()
// }

/// --------🔥 Web知识最强参照 🔥-------------
// 👉 Git相关
// - [git 拉取远程指定分支 pull本地不存在的分支](https://www.cnblogs.com/hamsterPP/p/6810831.html)

// 👉vue-cli3.0配置详解
// - [vue-cli3.0配置详解](http://www.php.cn/js-tutorial-394518.html)
// - [vue-cli3.0之vue.config.js的配置项(注解)](https://blog.csdn.net/Allen_Fei_/article/details/82691420)
Expand Down

0 comments on commit f2107ad

Please sign in to comment.