vue2017

my first vue-cli project

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

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

---

SPA项目开发思路拓展

https://juejin.im/entry/55f77eb460b28e6a6f0f4f86 http://www.jianshu.com/p/2105de106387 https://www.zhihu.com/question/38213423

编译依赖模块

vue-cli less使用说明

https://www.cnblogs.com/QQ-Monarch/p/7126309.html

开发依赖包说明

axios

axios是一个基于Promise用于浏览器和nodejs的HTTP客户端，它本身具有以特征：

• 从浏览器中创建 XMLHttpRequest
• 从 node.js 发出 http 请求
• 支持 Promise API
• 拦截请求和响应
• 转换请求和响应数据
• 取消请求
• 自动转换JSON数据
• 客户端支持防止 CSRF/XSRF

参考资料 http://www.jianshu.com/p/df464b26ae58 http://blog.csdn.net/sinat_17775997/article/details/69367204 http://blog.csdn.net/hant1991/article/details/74931158 http://www.codes51.com/itwd/4284489_1.html

Vuex

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。

爬行者

爬1 登录拦截

路由拦截 参考资料： http://blog.csdn.net/sky786905664/article/details/73920725 http://blog.csdn.net/wang1006008051/article/details/77962942 http拦截 https://www.cnblogs.com/guoxianglei/p/7084506.html

项目参考： https://www.zhihu.com/question/38145997 https://github.com/hzzly/xyy-vue/blob/master/src/main.js https://github.com/MillerRen/vue-boilerplate/tree/master/src

##爬2 开发插件 参考官方建议： https://cn.vuejs.org/v2/guide/plugins.html#ad https://www.cnblogs.com/itbainianmei/p/7826742.html

编辑工具小知识

##webstorm配置安装markdown插件 参考地址：http://blog.csdn.net/dongshaoshuai/article/details/42006927 ##webstorm配置eslint规则 https://www.imooc.com/qadetail/206106 https://www.zhihu.com/question/52678389