使用vue2,完成一个多功能集合到小webapp
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build @dev 重新实例化代码 Nov 21, 2016
config @misc 调整下路由 Dec 10, 2016
dist @misc add dist Dec 27, 2017
src @misc add dist Dec 27, 2017
static @dev 重新实例化代码 Nov 21, 2016
.babelrc @dev 重新实例化代码 Nov 21, 2016
.editorconfig @misc 编辑器配置 Dec 6, 2016
.gitignore @misc add dist Dec 27, 2017
README.md Update README.md Dec 27, 2017
api.json @misc Dec 28, 2016
index.html @misc 调整 Dec 21, 2016
package.json @dev 增加vex,搞个小助手频道,练练Vuex Dec 12, 2016

README.md

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.