A Vue.js project
博客链接,点击查看(我会陆续更新一下这个demo的几个点,如:文件划分、接口代理、nginx配置、缓存优化等)
本地调试启动:
第零步:代码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
- 在vue-cli2.0 脚手架基础上开发的
- 方便管理,抽取了一下common文件,和cache文件
- vuex是用在“智能机器人”对话的时候
- 也是为了熟悉下vue的流程,功能上不太复杂
- 样式用了sass,在移动适配用了‘rem方案’
- 本地启动 上面两个步骤应该就能起来
- 有问题交流可以issue留言交流
##在线预览的是我通过nginx配置的,代码还会更新:
过几天会总结几个点的心得,包括下面几点:
在博客里我会陆续记录下开发的一些东西:
- 项目的目录划分,vue的使用心得
- 发布环境,前端代码单独部署,如何配合nginx
- nginx的一些配置,和前后端分离异步接口反向代理
- 前端性能的优化,前端缓存(预览地址已经做前端代码永久缓存,你会发现第一次加载会慢一些,以后再访问会快不少,因为所以的前端代码都做了永久缓存策略),打包策略(如何利用浏览器并行请求)等采用的方法
For detailed explanation on how things work, checkout the guide and docs for vue-loader.