-
Notifications
You must be signed in to change notification settings - Fork 5
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
86e6e95
commit f2107ad
Showing
3 changed files
with
41 additions
and
38 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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> | ||
|
||
--- | ||
|
||
### 预览 | ||
|
||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -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 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters