shaqihe / life-app-vue

使用vue2，完成一个多功能集合到小webapp

life-app-vue

在线效果预览

A Vue.js project

点个star 收藏一下岂不是更好😆！

博客链接，点击查看(我会陆续更新一下这个demo的几个点，如：文件划分、接口代理、nginx配置、缓存优化等)

Build Setup

本地调试启动：

第零步：代码clone到本地： git clone https://github.com/shaqihe/life-app-vue.git

# install dependencies
第一步：npm install（
           或者用淘宝的cnpm代理安装会更快，方法是：
             1.安装cnpm：npm install -g cnpm --registry=https://registry.npm.taobao.org 
             2.用cnpm代理npm安装： cnpm install
       ）

# serve with hot reload at localhost:8088
第二步：npm run dev


打包：
# build for production with minification
npm run build

1. 在vue-cli2.0 脚手架基础上开发的
2. 方便管理，抽取了一下common文件，和cache文件
3. vuex是用在“智能机器人”对话的时候
4. 也是为了熟悉下vue的流程，功能上不太复杂
5. 样式用了sass，在移动适配用了‘rem方案’
6. 本地启动 上面两个步骤应该就能起来
7. 有问题交流可以issue留言交流

##在线预览的是我通过nginx配置的，代码还会更新：

过几天会总结几个点的心得，包括下面几点：

在博客里我会陆续记录下开发的一些东西：

• 项目的目录划分，vue的使用心得
• 发布环境，前端代码单独部署，如何配合nginx
• nginx的一些配置，和前后端分离异步接口反向代理
• 前端性能的优化，前端缓存(预览地址已经做前端代码永久缓存，你会发现第一次加载会慢一些，以后再访问会快不少，因为所以的前端代码都做了永久缓存策略)，打包策略(如何利用浏览器并行请求)等采用的方法

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

life-app-vue's Issues

你的移动适配在哪里？？ 写在index.html里？？？

在index.html 中有一段脚本，是根据 当前屏幕宽度 设置 body的font-size（也就是1 rem对应多少px）；
在“src/assets/scss/min.scss” 中定义一个px转换成rem的函数，视觉稿宽度按照 750px来的。 可以看下rem适配移动端的方案。

接口数据是怎么得到的？

为啥感觉你页面不自适应，而且左右能滑到。