|
1 | 1 | # vue-wechat |
2 | 2 |
|
3 | | -## Project setup |
4 | | -``` |
5 | | -npm install |
6 | | -``` |
7 | | - |
8 | | -### Compiles and hot-reloads for development |
9 | | -``` |
10 | | -npm run serve |
11 | | -``` |
12 | | - |
13 | | -### Compiles and minifies for production |
14 | | -``` |
15 | | -npm run build |
16 | | -``` |
17 | | - |
18 | | -### Run your tests |
19 | | -``` |
20 | | -npm run test |
21 | | -``` |
22 | | - |
23 | | -### Lints and fixes files |
24 | | -``` |
25 | | -npm run lint |
26 | | -``` |
27 | | - |
28 | | -### Run your end-to-end tests |
29 | | -``` |
30 | | -npm run test:e2e |
31 | | -``` |
32 | | - |
33 | | -### Run your unit tests |
34 | | -``` |
35 | | -npm run test:unit |
36 | | -``` |
37 | | - |
38 | | -### Customize configuration |
39 | | -See [Configuration Reference](https://cli.vuejs.org/config/). |
| 3 | +### 概述 |
| 4 | +- 利用`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相近的视觉效果。 |
| 5 | +- 笔者于**2019年02月**入坑H5开发,纯属小白一枚,此项目初衷还是想通过项目实践新技术,在业务实践中发现问题,从而积累技术经验,源码中有详细的注释,以及发现问题和解决问题的思路。 |
| 6 | +- 笔者希望初学者通过学习和实践这个项目,能够打开学习`vue`的大门。当然同时也是抛砖引玉,取长补短,希望能够提供一点思路,少走一些弯路,填补一些细坑,在帮助他人的过程中,收获分享技术的乐趣。 |
| 7 | + |
| 8 | +--- |
| 9 | + |
| 10 | +### 使用 |
| 11 | +- 线上预览:<https://codermikehe.github.io/vue-wechat/> |
| 12 | +- 项目运行 |
| 13 | + |
| 14 | + ``` |
| 15 | + npm install // 项目初始化 |
| 16 | + npm run serve // 项目运行 |
| 17 | + ``` |
| 18 | +- **使用注意** |
| 19 | + * 笔者建议统一使用桌面端Chrome浏览器预览,手机预览可能会有少许Bug。 |
| 20 | + * Mac电脑:1 打开`Chrome浏览器`;2 打开 **开发者工具**(PS:`【鼠标右键】-【检查】` Or `Cmd+Alt+I`); 3 **模拟手机预览** (PS:`Cmd+Shift+M`) |
| 21 | + * Windows电脑:1 打开`Chrome浏览器`;2 打开 **开发者工具**(PS:`F12`); 3 **模拟手机预览** (PS:`Ctrl+Shift+M`) |
| 22 | + * 桌面端预览,请**忽略掉浏览器的前进和后退按钮**,毕竟移动端是没有这两个玩意滴,返回一般都是点击`返回按钮`来驱动的。 |
| 23 | + * 登陆和注册:只支持`QQ账号`和`手机号`的登录或注册(PS:后期增加`微信号和QQ邮箱`登陆),且必须保证`QQ`或`手机号`的有效性。`密码`或者`验证码`可以随便输入,但必须是:`密码`长度需要保证在`8~16`位,`手机验证码`必须保证是`6位有效数字` |
| 24 | + |
| 25 | +--- |
| 26 | + |
| 27 | +### 期待 |
| 28 | +- 如果在使用过程中遇到BUG,希望你能Issues我,谢谢(或者尝试下载最新的代码看看BUG修复没有)。 |
| 29 | +- 如果在使用过程中有任何地方不理解,希望你能Issues我,我非常乐意促使项目的理解和使用,谢谢。 |
| 30 | +- 如果通过该工程的使用和说明文档的阅读,对你在平时开发中有帮助,码字不易,还请点击右上角`star`按钮,谢谢; |
| 31 | +- 简书地址:<http://www.jianshu.com/u/126498da7523> |
| 32 | + |
| 33 | +--- |
| 34 | + |
| 35 | +### 预览 |
| 36 | + |
| 37 | + |
0 commit comments